Discord Mobile App Clone With React Native, TypeScript & Redux Toolkit

Опубликовано: 10 Октябрь 2024
на канале: Build Cool Stuffs

1,135

In this tutorial we are going to be cloning Discord mobile app with React Native, TypeScript, Redux Toolkit and other libraries

Please subscribe to my YouTube channel, it motivates me to do more tutorials like this

Links
GitHub repository
https://github.com/paulosabayomi/disc...

OR clone it on the CLI with
git clone https://github.com/paulosabayomi/disc...

Links to the Discord figma design
https://www.figma.com/community/file/...
Figma page
https://www.figma.com/file/b94zYZYZOo...

Libraries used in the tutorial
React Native
Homepage
https://reactnative.dev/
React Native TextInput doc
https://reactnative.dev/docs/textinpu...

React Navigation
Native stack
https://reactnavigation.org/docs/nati...
Bottom Tab
https://reactnavigation.org/docs/bott...
Drawer
https://reactnavigation.org/docs/draw...
Material Top Tabs
https://reactnavigation.org/docs/mate...
Drawer Layout
https://reactnavigation.org/docs/draw...
Multiple drawers
https://reactnavigation.org/docs/mult...

Redux Toolkit
https://redux-toolkit.js.org/introduc...
Redux toolkit TypeScript quickstart
https://redux-toolkit.js.org/tutorial...

React Native SVG
Installation
https://www.npmjs.com/package/react-n...
configuration
https://github.com/software-mansion/r...

React Native Fast Image
https://www.npmjs.com/package/@ahasha...

Shopify React Native FlashList
https://shopify.github.io/flash-list/...
Usage
https://shopify.github.io/flash-list/...

React Native Bottom Sheet
https://github.com/stanleyugwu/react-...

React Native Paper
https://callstack.github.io/react-nat...

React Native Storage
https://github.com/sunnylqm/react-nat...

SVG repo
https://www.svgrepo.com/

#discord #clone #reactnative #typescript #reduxtoolkit