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