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

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-contacts-youtube

#react-native #mobile-apps #programming