Full React Native Project Tutorial for beginners.

Опубликовано: 06 Октябрь 2024
на канале: Cryce Truly

311,737

5.3k

Free React Native tutorial for Beginners: Get Started with React Native and learn how to build iOS and Android apps!

Am working on an advanced react native course where you will build and use a component styling framework (much like Tailwind but for React Native), Learn Typescript, Redux (with Redux Toolkit). Deep Linking, Notifications, Multiple Language support, Gestures, Complete Authentication process with automatic Refresh token updates, Complete Deployment guide with Beta Testing, Release Management, Over the air updates, and much more. Subscribe here to keep updated https://bit.ly/3A4Rrtv
Timecodes.
0:00 - Project introduction
08:51 - Setting up React Native and Creating the project.
22:51 - Setting up a project structure
27:41 - React Navigation
53:48 - Context API
1:06:39 - Creating a Container Component
1:11:17 - Custom Text Input
1:35:20 - Custom Button
1:47:20 - Login Screen UI
2:00:29 - Register Screen UI
2:04:03 - Form Validation
2:19:29 - Managing Environment variables
2:25:51 - Axios Instance
2:36:15 - User Registration
3:04:12 - Message component
3:17:52 - Login a user
3:34:02 - Authentication Flow
3:39:42 - Custom navigation drawer
3:57:13 - Alert component
4:00:18 - Logout a user
4:06:13 - Toggle password visibility
4:09:27 - Route Params, Callbacks, messages, and more.
4:17:34 - Setting up react native vector icons
4:26:45 - Custom icon component
4:32:32 - Custom Modal
4:53:29 - Data Fetching
5:17:42 - Styling the Flat list
5:26:38 - Floating action button and create contacts UI design
5:40:35 - Creating a contact/ Post Request
6:04:52 - Switch component
6:10:57 - Creating a bottom sheet
6:24:54 - Image crop and camera photo picker
6:42:22 - Changing the package name on android
6:44:26 - Changing the App display name
6:46:22 - Creating custom launcher icons
6:53:25 - Creating the settings screen
7:01:39 - Managing user preferences
7:22:51 - Reading preferences and sorting contacts.
7:29:24 - Root navigation
7:34:21 - Axios auth interceptor
7:43:41 - Setting up firebase on ios and uploading images.
8:01:31 - React native firebase on android
8:08:55 - custom image component and contact details UI
8:29:52 - implementing component did update using hooks
8:36:14 - Header options
8:42:06 - Deleting a contact
8:58:12 - Editing a contact
9:28:56 - Add photo to a contact
9:45:53 - Splash screen on android
9:58:31 - Enable multidex on android
10:01:01 - Splash screen on ios
10:06:51 - Responsive Layouts and why react-native size matters.

Github Repo. https://github.com/CryceTruly/rn-cont...

Tutorials for the backend API we are using.    • Django Rest Framework API Project. In...

Country codes gist.
https://gist.github.com/CryceTruly/5e...

Backend API Documentation.
https://truly-contacts.herokuapp.com/

Support the channel
Paypal. https://www.paypal.com/paypalme/cryce...
Patron.   / crycetruly

Follow me on Twitter for more updates.   / crycetruly
Follow me on Instagram for more updates.   / crycetruly