课程目录

• 01 – Getting Started
• 001 Course prerequisites
• 001 Course prerequisites_en.srt
• 002 What is React Native
• 002 What is React Native_en.srt
• 003 Expo vs React Native
• 003 Expo vs React Native_en.srt
• 004 Introduction to Expo Snack
• 004 Introduction to Expo Snack_en.srt
• 005 Set up environment
• 005 Set up environment_en.srt
• 006 Create Your First App
• 006 Create Your First App_en.srt
• 007 iOS Simulator (MacOS)
• 007 iOS Simulator (MacOS)_en.srt
• 008 Run App on Real Device
• 008 Run App on Real Device_en.srt
• 009 Android Emulator (MacOS)
• 009 Android Emulator (MacOS)_en.srt
• 010 Setup Environment Windows
• 010 Setup Environment Windows_en.srt
• 02 – UI & Core Components
• 011 Explain Init Code
• 011 Explain Init Code_en.srt
• 012 SafeAreaView
• 012 SafeAreaView_en.srt
• 013 Text
• 013 Text_en.srt
• 014 StyleSheet
• 014 StyleSheet_en.srt
• 015 Images
• 015 Images_en.srt
• 016 Buttons & Pressable & Touchable
• 016 Buttons & Pressable & Touchable_en.srt
• 017 ScrollView
• 017 ScrollView_en.srt
• 018 Platfrom
• 018 Platfrom_en.srt
• 019 Loaders
• 019 Loaders_en.srt
• 020 Views
• 020 Views_en.srt
• 021 Margin & Padding
• 021 Margin & Padding_en.srt
• 022 Flex
• 022 Flex_en.srt
• 023 flex-direction
• 023 flex-direction_en.srt
• 024 flexWrap
• 024 flexWrap_en.srt
• 025 Positions
• 025 Positions_en.srt
• 026 Dimensions
• 026 Dimensions_en.srt
• 027 Responsive UI
• 027 Responsive UI_en.srt
• 028 useState Hook
• 028 useState Hook_en.srt
• 029 Modal
• 029 Modal_en.srt
• 030 Expo Icons
• 030 Expo Icons_en.srt
• 031 ImageBackground
• 031 ImageBackground_en.srt
• 032 TextInput
• 032 TextInput_en.srt
• 033 Create React Component
• 033 Create React Component_en.srt
• 03 – UI Mastering Practice
• 034 UI Mastring Introduction
• 034 UI Mastring Introduction_en.srt
• 035 code
• 035 Figma Design
• 035 Figma Design_en.srt
• 036 code
• 036 PNG vs SVG
• 036 PNG vs SVG_en.srt
• 037 code
• 037 Intro Screen
• 037 Intro Screen_en.srt
• 038 code
• 038 User Avatar
• 038 User Avatar_en.srt
• 039 code
• 039 Header Component
• 039 Header Component_en.srt
• 040 code
• 040 Social Section
• 040 Social Section_en.srt
• 041 code
• 041 Social Container
• 041 Social Container_en.srt
• 042 code
• 042 Finish Contact Us Screen
• 042 Finish Contact Us Screen_en.srt
• 043 code
• 043 Home Screen Header
• 043 Home Screen Header_en.srt
• 044 code
• 044 Top Tabs
• 044 Top Tabs_en.srt
• 045 Card Component with Dark Overlay
• 045 Card Component with Dark Overlay_en.srt
• 045 code
• 046 code
• 046 data.ts
• 046 FlatList with 2 Rows
• 046 FlatList with 2 Rows_en.srt
• 047 code
• 047 FlatList with Props
• 047 FlatList with Props_en.srt
• 048 Payment Screen Header
• 048 Payment Screen Header_en.srt
• 049 code
• 049 Payment Method
• 049 Payment Method_en.srt
• 050 code
• 050 Payment Method Selected
• 050 Payment Method Selected_en.srt
• 051 code
• 051 Payment List
• 051 Payment List_en.srt
• 052 Bank Card Box
• 052 Bank Card Box_en.srt
• 052 code
• 053 Add Button
• 053 Add Button_en.srt
• 053 code
• 054 Adding Animations
• 054 Adding Animations_en.srt
• 054 code
• 055 Task Time
• 055 Task Time_en.srt
• external-links.txt
• 04 – Navigation & Bottom Tabs
• 056 Builds Screens
• 056 Builds Screens_en.srt
• 056 code
• 057 code
• 057 Stack Navigation
• 057 Stack Navigation_en.srt
• 058 code
• 058 Recap & Screen Options
• 058 Recap & Screen Options_en.srt
• 059 code
• 059 useRoute
• 059 useRoute_en.srt
• 060 BottomTabs
• 060 BottomTabs_en.srt
• 060 Code
• 05 – Working with APIs
• 061 code
• 061 Create New App
• 061 Create New App_en.srt
• 062 Create Custom API ( Mock Api )
• 062 Create Custom API ( Mock Api )_en.srt
• 063 Axios
• 063 Axios_en.srt
• 063 code
• 064 code
• 064 Get Request & FlatList
• 064 Get Request & FlatList_en.srt
• 065 code
• 065 Get By Id Request
• 065 Get By Id Request_en.srt
• 066 code
• 066 Try Catch
• 066 Try Catch_en.srt
• 067 code
• 067 Delete Request
• 067 Delete Request_en.srt
• 068 code
• 068 Post Request
• 068 Post Request_en.srt
• 069 code
• 069 Put Request
• 069 Put Request_en.srt
• 070 code
• 070 Refactor And Create Home Screen For New Project
• 070 Refactor And Create Home Screen For New Project_en.srt
• 071 Book Card
• 071 Book Card_en.srt
• 071 code
• 072 code
• 072 Props
• 072 Props_en.srt
• 073 APIs Functions
• 073 APIs Functions_en.srt
• 073 code
• 074 code
• 074 Render Data In Flatlist
• 074 Render Data In Flatlist_en.srt
• 075 code
• 075 Delete Book
• 075 Delete Book_en.srt
• 076 Add Button UI & Modal
• 076 Add Button UI & Modal_en.srt
• 076 code
• 077 code
• 077 CustomTextInput
• 077 CustomTextInput_en.srt
• 078 code
• 078 Save Button
• 078 Save Button_en.srt
• 079 code
• 079 Create Book
• 079 Create Book_en.srt
• 080 code
• 080 Edit Book
• 080 Edit Book_en.srt
• 081 Bug Fix
• 081 Bug Fix_en.srt
• 06 – Redux & Redux Toolkit
• 082 Redux is not that hard
• 082 Redux is not that hard_en.srt
• 083 code
• 083 Why Redux Useful
• 083 Why Redux Useful_en.srt
• 084 code
• 084 Reducer Explained
• 084 Reducer Explained_en.srt
• 085 code
• 085 Create Store and Get Data From Global State
• 085 Create Store and Get Data From Global State_en.srt
• 086 actions & useDispatch
• 086 actions & useDispatch_en.srt
• 086 code
• 087 code
• 087 Payload
• 087 Payload_en.srt
• 088 code
• 088 Combine Reducers
• 088 Combine Reducers_en.srt
• 089 code
• 089 RootState
• 089 RootState_en.srt
• 090 code
• 090 Recap Redux & Task
• 090 Recap Redux & Task_en.srt
• 091 code
• 091 Redux toolkit Store
• 091 Redux toolkit Store_en.srt
• 092 code
• 092 Redux Toolkit Reducer & Actions
• 092 Redux Toolkit Reducer & Actions_en.srt
• 07 – Smart E-Commerce App UI Part 1
• 093 code
• 093 Create Project
• 093 Create Project_en.srt
• 094 code
• 094 Folder Structure
• 094 Folder Structure_en.srt
• 095 AppText
• 095 AppText_en.srt
• 095 code
• 096 App Colors
• 096 App Colors_en.srt
• 096 code
• 097 AppSafeView
• 097 AppSafeView_en.srt
• 097 code
• 098 code
• 098 Flash Message
• 098 Flash Message_en.srt
• 099 AppButton
• 099 AppButton_en.srt
• 099 code
• 100 AppTextInput
• 100 AppTextInput_en.srt
• 100 code
• 101 code
• 101 Sign In Screen
• 101 Sign In Screen_en.srt
• 102 code
• 102 Sign Up Screen
• 102 Sign Up Screen_en.srt
• 103 code
• 103 Stack Navigation
• 103 Stack Navigation_en.srt
• 104 Bottom Tabs & Main App Stack
• 104 Bottom Tabs & Main App Stack_en.srt
• 104 code
• 105 code
• 105 Style Bottom Tabs
• 105 Style Bottom Tabs_en.srt
• 106 App Header
• 106 App Header_en.srt
• 106 code
• 107 App Custom Fonts
• 107 App Custom Fonts_en.srt
• 107 code
• 108 Prepare Data
• 108 Prepare Data_en.srt
• 108 products.ts
• 109 code
• 109 Product Card
• 109 Product Card_en.srt
• 110 Add To Cart Button
• 110 Add To Cart Button_en.srt
• 110 code
• 111 code
• 111 Shadow
• 111 Shadow_en.srt
• 112 code
• 112 Props
• 112 Props_en.srt
• 113 code
• 113 Render Data in FlatList
• 113 Render Data in FlatList_en.srt
• 114 code
• 114 Empty Cart Component
• 114 Empty Cart Component_en.srt
• 115 Cart Item
• 115 Cart Item_en.srt
• 115 code
• 116 code
• 116 Increase Decrease Buttons
• 116 Increase Decrease Buttons_en.srt
• 117 Cart Item Props
• 117 Cart Item Props_en.srt
• 117 code
• 118 code
• 118 Totals View
• 118 Totals View_en.srt
• 119 Cart Screen
• 119 Cart Screen_en.srt
• 119 code
• 120 Checkout Screen
• 120 Checkout Screen_en.srt
• 120 code
• 121 Profile Screen
• 121 Profile Screen_en.srt
• 122 My Orders Screen
• 122 My Orders Screen_en.srt
• 08 – Cart State Management (Redux Toolkit)
• 123 code
• 123 Create Store
• 123 Create Store_en.srt
• 124 cartSlice
• 124 cartSlice_en.srt
• 124 code
• 125 Add Item To Cart
• 125 Add Item To Cart_en.srt
• 126 code
• 126 Remove Item From Cart
• 126 Remove Item From Cart_en.srt
• 127 code
• 127 Delete Product
• 127 Delete Product_en.srt
• 128 code
• 128 Finish Cart Screen
• 128 Finish Cart Screen_en.srt
• 09 – Forms Handling
• 129 code
• 129 Handling Forms using useState
• 129 Handling Forms using useState_en.srt
• 130 AppTextInputCotroller
• 130 AppTextInputCotroller_en.srt
• 130 code
• 131 code
• 131 Style Error Message
• 131 Style Error Message_en.srt
• 132 code
• 132 Yup & Validation Schemas
• 132 Yup & Validation Schemas_en.srt
• 133 Add Typescript
• 133 Add Typescript_en.srt
• 133 code
• 134 Auth Validation Task
• 134 Auth Validation Task_en.srt
• 134 code
• 10 – Authentication & Firebase Database
• 135 code
• 135 Firebase Init
• 135 Firebase Init_en.srt
• 136 code
• 136 Sign in users
• 136 Sign in users_en.srt
• 137 code
• 137 fire-base-errors-code.rtf
• 137 Handling Errors
• 137 Handling Errors_en.srt
• 138 code
• 138 fire-base-errors-code.rtf
• 138 Register new users
• 138 Register new users_en.srt
• 139 Firestore Database
• 139 Firestore Database_en.srt
• 140 code
• 140 Get data from database
• 140 Get data from database_en.srt
• 141 code
• 141 Save User Data In Global State
• 141 Save User Data In Global State_en.srt
• 142 code
• 142 Place Orders
• 142 Place Orders_en.srt
• 143 code
• 143 Fix redux warning & duplicate orders
• 143 Fix redux warning & duplicate orders_en.srt
• 144 code
• 144 Get users order
• 144 Get users order_en.srt
• 145 code
• 145 Handling orders date
• 145 Handling orders date_en.srt
• 11 – Localization
• 146 Localization Introduction
• 146 Localization Introduction_en.srt
• 147 code
• 147 How to create Bottom Sheet
• 147 How to create Bottom Sheet_en.srt
• 148 code
• 148 How to create radio button
• 148 How to create radio button_en.srt
• 149 code
• 149 Setup localization
• 149 Setup localization_en.srt
• 150 code
• 150 Get Translation
• 150 Get Translation_en.srt
• 151 Adding English Translation
• 151 Adding English Translation_en.srt
• 151 code
• 152 Finish All Translation Files
• 152 Finish All Translation Files_en.srt
• 153 Handle Change Lang
• 153 Handle Change Lang_en.srt
• 12 – Local Storage
• 154 code
• 154 Introduction to Async Storage
• 154 Introduction to Async Storage_en.srt
• 155 code
• 155 Save Data In Local Storage
• 155 Save Data In Local Storage_en.srt
• 156 code
• 156 Get Data From Local Storage
• 156 Get Data From Local Storage_en.srt
• 157 Clear Data
• 157 Clear Data_en.srt
• 157 code
• 158 code
• 158 Save Logged in State in Local Storage
• 158 Save Logged in State in Local Storage_en.srt
• 159 code
• 159 Logout & Auth State Loading
• 159 Logout & Auth State Loading_en.srt
• 160 App Loading
• 160 App Loading_en.srt
• 160 code
• 161 code
• 161 Firebase Change Auth State
• 161 Firebase Change Auth State_en.srt
• 162 Better Auth Approach
• 162 Better Auth Approach_en.srt
• 162 code
• 163 code
• 163 Saving User Language in Local Storage
• 163 Saving User Language in Local Storage_en.srt
• 164 code
• 164 Redux Persist
• 164 Redux Persist_en.srt
• 13 – Deployment
• 165 Change App Icon & Name
• 165 Change App Icon & Name_en.srt
• 166 App Splash Screen
• 166 App Splash Screen_en.srt
• 167 EAS
• 167 EAS_en.srt
• 168 Generate Build ( APK )
• 168 Generate Build ( APK )_en.srt
• 169 Generate Build ( AAB )
• 169 Generate Build ( AAB )_en.srt
• 170 How to Create & Verify a Google Play Developer Account ( Optional ).html
• 171 How to Publish an Android App to Google Play ( Optional ).html
• 172 How to Create your Apple Developer Account ( Optional ).html
• 173 How to Publish an iOS App to App Store ( Optional ).html
• external-links.txt
• 14 – Introduction to React Native CLI
• 174 React Native CLI
• 174 React Native CLI_en.srt
• 175 How Expo and CLI share a lot together
• 175 How Expo and CLI share a lot together_en.srt
• 176 Mac IOS Environment Setup
• 176 Mac IOS Environment Setup_en.srt
• 177 Mac Android Environment Setup
• 177 Mac Android Environment Setup_en.srt
• 178 Run app on IOS & Android
• 178 Run app on IOS & Android_en.srt
• 179 Run App on Real Android Device
• 179 Run App on Real Android Device_en.srt
• 180 Run App on Real iPhone Device
• 180 Run App on Real iPhone Device_en.srt
• 181 Introduction to Yarn
• 181 Introduction to Yarn_en.srt
• 15 – Firebase with React Native CLI
• 182 Change Bundle ID
• 182 Change Bundle ID_en.srt
• 183 Integrate Firebase with Android
• 183 Integrate Firebase with Android_en.srt
• 184 Integrate Firebase with IOS
• 184 Integrate Firebase with IOS_en.srt
• 185 Push Notifications Android
• 185 Push Notifications Android_en.srt
• 186 Foreground Notifications
• 186 Foreground Notifications_en.srt
• 187 Social Login Google Gmail Login with Android
• 188 Social Login Google Gmail Login with iOS
• 189 code
• 189 How-To-use-Source-Code
• 189 Source Code Of This Section.html
• 16 – Native Code & Native Modules
• 190 Open Gallery And Camera To Pick Images
• 190 Open Gallery And Camera To Pick Images_en.srt
• 191 Change App Name
• 191 Change App Name_en.srt
• 192 Change App Icon iOS
• 192 Change App Icon iOS_en.srt
• 193 Chane App Icon Android
• 193 Chane App Icon Android_en.srt
• 194 Splash Screen Android
• 194 Splash Screen Android_en.srt
• 195 Splash Screen iOS
• 195 Splash Screen iOS_en.srt
• 196 Integrate Google Maps & iOS Maps in React Native App
• 196 Integrate Google Maps & iOS Maps in React Native App_en.srt
• 197 Display Google Map in App
• 197 Display Google Map in App_en.srt
• 198 Adding Markers to MapView
• 198 Adding Markers to MapView_en.srt
• 199 code
• 199 How-To-use-Source-Code
• 199 Source Code Of This Section.html
• 200 React Native Vector Icons
• 200 React Native Vector Icons_en.srt
• 201 How to use SVGs with React Native
• 201 How to use SVGs with React Native_en.srt
• 201 icon.svg
• 17 – AI Chat App Folder Structure
• 202 App Init Structures
• 202 App Init Structures_en.srt
• 203 Useful Scripts
• 203 Useful Scripts_en.srt
• 204 Integrate with Reactotron
• 204 Integrate with Reactotron_en.srt
• 18 – AI Chat App App UI & Integration
• 205 App Header
• 205 App Header_en.srt
• 206 Sent Message Card
• 206 Sent Message Card_en.srt
• 207 Response Message Card
• 207 Response Message Card_en.srt
• 208 Put Messages In FlatList
• 208 Put Messages In FlatList_en.srt
• 209 Adding Typescript
• 209 Adding Typescript_en.srt
• 210 Chat Input
• 210 Chat Input_en.srt
• 211 KeyboardAvoidingView
• 211 KeyboardAvoidingView_en.srt
• 212 ChatInput Props
• 212 ChatInput Props_en.srt
• 213 Send Messages
• 213 Send Messages_en.srt
• 214 Receive Messages
• 214 Receive Messages_en.srt
• 215 Adding Typing Effect
• 215 Adding Typing Effect_en.srt
• 216 Empty Chat Screen
• 216 Empty Chat Screen_en.srt
• 217 Auto Scroll To Bottom in FlatList
• 217 Auto Scroll To Bottom in FlatList_en.srt
• 218 Keyboard State
• 218 Keyboard State_en.srt
• 219 Create Hugging Face Access Token
• 219 Create Hugging Face Access Token_en.srt
• 220 Connect App With Hugging ( GPT2 )
• 220 Connect App With Hugging ( GPT2 )_en.srt
• 221 Display Hugging Face ( GPT2 ) Response
• 221 Display Hugging Face ( GPT2 ) Response_en.srt
• 222 Create OpenAI Key
• 222 Create OpenAI Key_en.srt
• 223 Connect with OpenAI And Get Smarter Answers
• 223 Connect with OpenAI And Get Smarter Answers_en.srt
• 224 Fix Input Padding Bottom
• 224 Fix Input Padding Bottom_en.srt
• 225 Adding try catch
• 225 Adding try catch_en.srt
• 226 Adding Thinking Loading
• 226 Adding Thinking Loading_en.srt
• 227 Fix Typing Effect Issue
• 227 Fix Typing Effect Issue_en.srt
• 228 files
• 228 Task Time
• 228 Task Time_en.srt
• 229 AiChatApp
• 229 How-To-use-Source-Code
• 229 Source Code Of Section.html
• 19 – React Native CLI Deployment
• 230 Generate APK & AAB for Android
• 230 Generate APK & AAB for Android_en.srt
• 231 Publish your React Native CLI app to Apple App Store ( Optional ).html
• 232 OTA Updates Android
• 232 OTA Updates Android_en.srt
• 233 OTA Updates iOS
• 233 OTA Updates iOS_en.srt
• external-links.txt
• 20 – Animations with React Native
• 234 Animation Section Introduction
• 234 Animation Section Introduction_en.srt
• 235 Moving Elements Horizontally
• 235 Moving Elements Horizontally_en.srt
• 236 Moving Elements Horizontally Multiple Times
• 236 Moving Elements Horizontally Multiple Times_en.srt
• 237 Move Elements Vertically
• 237 Move Elements Vertically_en.srt
• 238 Task Time – Task 1
• 238 Task Time – Task 1_en.srt
• 239 Animation Sequence
• 239 Animation Sequence_en.srt
• 240 Fade Animation
• 240 Fade Animation_en.srt
• 241 Task Time – Task 2
• 241 Task Time – Task 2_en.srt
• 242 Rotate Animation
• 242 Rotate Animation_en.srt
• 243 Task Time – Task 3
• 243 Task Time – Task 3_en.srt
• 244 Expand & Shrink Animation
• 244 Expand & Shrink Animation_en.srt
• 245 Task Time – Task 4
• 245 Task Time – Task 4_en.srt
• 246 How to Animate Color Changes
• 246 How to Animate Color Changes_en.srt
• 247 Animations-Code
• 247 Source Code of This Section.html
• 21 – JavaScript Crash Course ( Optional )
• 248 Logging
• 248 Logging_en.srt
• 249 Comments
• 249 Comments_en.srt
• 250 Data Types
• 250 Data Types_en.srt
• 251 Variables Rules
• 251 Variables Rules_en.srt
• 252 var let const
• 252 var let const_en.srt
• 253 Statements
• 253 Statements_en.srt
• 254 Arithmetic Operators
• 254 Arithmetic Operators_en.srt
• 255 Strings
• 255 Strings_en.srt
• 256 String Templates
• 256 String Templates_en.srt
• 257 String Methods
• 257 String Methods_en.srt
• 258 Objects
• 258 Objects_en.srt
• 259 Arrays
• 259 Arrays_en.srt
• 260 Boolean
• 260 Boolean_en.srt
• 261 Comparison
• 261 Comparison_en.srt
• 262 Logical Operator
• 262 Logical Operator_en.srt
• 263 if else
• 263 if else_en.srt
• 264 functions
• 264 functions_en.srt