Complete React Native in 2024 Zero to Mastery
- Description
- Curriculum
- Reviews
What you’ll learn
- Create real-world native apps using React Native
- Make truly reusable components that look great
- Understand the terminology and concepts of Redux
- Prototype and deploy your own applications to the Apple and Google Play Stores
- Get up to speed with React design principles and methodologies
- Discover mobile design patterns used by experienced engineers
1. Introduction
2. React Native Fundamentals2. React Native Fundamentals
4. Building With React Native FocusTime App
-
13
1. FocusTime Demo -
14
2. Introduction To Expo
-
15
3. Getting Ready To Hit The Ground Running!
-
16
4. Who Likes Snacks
-
17
5. Running Snacks On Your Device
-
18
6. Running The FocusTime Demo On Your Device
-
19
7. Proper Preparation Prevents Poor Snacking!
-
20
8. Quick Recap On What We've Done So Far
-
21
9. A Rundown Of What's In Our Snack
-
22
10. Building A Simple Navigation
-
23
11. Creating Our Focus Feature
-
24
12. Adding An Input
-
25
13. Storing The Focus Item
-
26
15. Storing Our Focus Input
-
27
16. Quick Note On The Docs
-
28
17. Cleaning Up Our Styling
-
29
18. Building The Timer Feature
-
30
19. Building The Countdown Feature
-
31
20. Building The Countdown Feature Part 2
-
32
21. Building The Countdown Feature Part 3
-
33
22. A Quick Note On Error Screens
-
34
23. Reporting The Progress
-
35
24. Preset Timing Buttons
-
36
25. Keeping The App Awake
-
37
26. Vibrating When Finished With A Task
-
38
27. Going Full Circle
-
39
28. Quick Cleanup
-
40
29. Quick Review Of What We Have Accomplished So Far
-
41
30. Clearing The Subject
-
42
31. Storing Focus History
-
43
32. Storing Focus History With Statuses
-
44
33. Building The Focus History List
-
45
34. Clearing The Focus History
-
46
36. Storing And Loading The Focus History
-
47
37. Reflection Time!
-
48
38. Reflection Time Part 2!
-
49
39. Reflection Time Part 3!
-
50
40. Reflection Time Part 4!
5. Mobile Development Professional Local Setup5. Mobile Development Professional Local Setup
-
51
2. [MAC] Exporting FocusTime Locally
-
52
3. [MAC] Installing GIT
-
53
4. [MAC] Installing Node and Yarn
-
54
5. [MAC] Running it on IOS Simulator
-
55
6. [MAC] Installing Android Studio
-
56
7. [MAC] Installing Android SDK Tools
-
57
8. [MAC] Running On An Emulator
-
58
9. [MAC] Installing VSCode
-
59
10. [MAC] Optional Using GIT With Visual Studio Code
-
60
11. [WINDOWS] Exporting FocusTime Locally
-
61
12. [WINDOWS] Installing GIT And VSCode
-
62
13. [WINDOWS] Optional Using GIT With Visual Studio Code Part 1
-
63
14. [WINDOWS] Optional Using GIT With Visual Studio Code Part 2
-
64
15. Github What Is It Good For
-
65
17. [WINDOWS] Optional Publishing Your Code To Github
-
66
18. [MAC] Optional Publishing Your Code To Github
-
67
19. [WINDOWS] Installing Android Studio
-
68
20. [WINDOWS] Installing Node and Yarn
-
69
21. [WINDOWS] Running FocusTime On My Device
-
70
22. What If I'm Still Running Into Issues
6. Master Project MealsToGo Project Setup6. Master Project MealsToGo Project Setup
7. Master Project MealsToGo Core Part 1
-
77
1. Time For Yoga!
-
78
2. Let's Do Some Yoga!
-
79
3. React Native Flexbox And Snacks
-
80
4. Spring Cleaning The Expo Setup
-
81
6. Exercise App Layout
-
82
7. Solution App Layout
-
83
8. Android StatusBar Issue
-
84
9. Quick Note On Debugging
-
85
10. Keeping Up With The Code Step By Step
-
86
11. Setting Up Eslint And Prettier
-
87
12. Using Eslint
-
88
13. Optimizing Eslint
-
89
14. Setting Up Prettier
-
90
15. Exercise SearchBar
-
91
16. Solution SearchBar
-
92
17. Feature Overview Restaurant List Item
-
93
18. Restaurant Info Setup Part 1
-
94
19. Restaurant Info Setup Part 2
-
95
20. Exercise Restaurant Info Card
-
96
21. Solution Restaurant Info Card
-
97
22. Reflection Time Restaurant Info
-
98
23. The Way We Are Styling Feels Weird
-
99
24. Trying Out Styled Components
-
100
25. Installing And Using Styled Component
-
101
26. Quick Note On How To Look At Changes
-
102
27. Exercise Migrating To Styled Components
-
103
28. Solution Migrating To Styled Components
-
104
29. Uhoh We Have An IOS Error
-
105
30. How Do We Make Things Consistent
-
106
31. Setting Up Our Theme
-
107
32. Exercise Theme Cleanup
-
108
33. Solution Theme Cleanup
-
109
34. Custom Fonts Fonts Fonts!
-
110
35. Loading Custom Fonts
-
111
36. Adding The Address
-
112
37. Using SVG With Rating
-
113
38. Exercise Adding Open Now SVG
-
114
39. Solution Finishing Our Restaurant Card
-
115
41. Building A Spacer Component
-
116
42. Optimizing The Spacer Component
-
117
43. Hold Up Why Do We Need Consistency
-
118
44. Wait A Second It Won't Render On Android
-
119
45. Creating A Typography Component And Cleanup
-
120
46. Solution Code Cleanup
-
121
47. FlatList!
-
122
48. List It!
-
123
50. No Inline Styles
-
124
51. Why Is There A White Bar
-
125
52. Feature Overview App Navigation
-
126
53. Navigation Installation
-
127
54. Exercise Tab Navigation
-
128
55. Solution Tab Navigation
-
129
56. Exercise Tab Bar Icons
-
130
57. Solution Tab Bar Icons
-
131
58. Simplifying Tab Icon Logic
8. Master Project MealsToGo Core Part 2
-
132
1. Feature Overview Adding Data!
-
133
2. Quick Recap Of What We'll Be Doing
-
134
3. Fake An API Request
-
135
4. Quick Refresh On Promises
-
136
5. Let's Transform The Data
-
137
6. Let's Transform The Data Part 2
-
138
7. Setting Up RestaurantContext
-
139
8. Hooking Up Our Context
-
140
9. Exercise Activity Indicator
-
141
10. Solution Activity Indicator
-
142
11. Quick Architecture Overview
-
143
12. Feature Overview Geocoding And Search
-
144
13. Setting Up Our Geocoding Service
-
145
14. Setting Up Our Geocoding Context
-
146
15. Hooking Up The Searchbar
-
147
16. Searching For Restaurants
-
148
17. Oh No A Bug!
-
149
18. Oh No A Bug Solution!
-
150
19. Key Warnings
-
151
20. Oh No An Anti-Pattern
-
152
21. Our Next Feature!
-
153
22. Let's Optimize Before We Build!
-
154
23. Building Navigation Infrastructure For Scale
-
155
24. Restructuring Navigation
-
156
25. Setting Up Stack Navigation
-
157
26. Setting Up Restaurant Detail Navigation
-
158
27. Modals And Touch Feedback
-
159
28. Exercise Rendering The Card
-
160
29. Solution Rendering The Card
-
161
30. Back To Our Feature!
-
162
31. Exercise Menu List
-
163
32. Solution Menu List
-
164
33. Feature Overview Map
-
165
34. Installing React Native Maps
-
166
35. Map Screen And Search
-
167
36. Setting The Map Region
-
168
37. Rendering Map Markers
-
169
38. Custom Map Callout Exercise
-
170
39. Custom Map Callout Solution
-
171
40. Linking A Callout To Details
-
172
41. Feature Overview Favourites
-
173
42. Favourites Context
-
174
43. Hooking Up Favourites Part 1
-
175
44. Hooking Up Favourites Part 2
-
176
45. Building A Favourites Bar Part 1
-
177
46. Building A Favourites Bar Part 2
-
178
47. Storing Favourites
-
179
48. Uh Oh An Android Bug
-
180
49. Feature Overview Firebase And Authentication
-
181
50. Firebase Installation
-
182
51. Quick Note On Firebase
-
183
52. Let's Test Authentication
-
184
53. Authentication Service And Context
-
185
54. Account And Authentication Navigation
-
186
55. Image Background Exercise
-
187
56. Image Background Solution
-
188
57. Lighten Up The Background
-
189
58. Account Screen Buttons
-
190
59. Exercise Login Screen
-
191
60. Solution Login Screen
-
192
61. Tying Up Some Loose Ends
-
193
62. Feature Overview Registration
-
194
63. Activity Indicators
-
195
64. Favourites Is Broken Part 1
-
196
65. Favourites Is Broken Part 2
-
197
66. Adding A Watermelon Animation
-
198
67. Feature Overview Settings
-
199
68. Building The Settings Feature
-
200
69. Making The Settings Screen Look Nice
-
201
70. Favourites Screen Exercise
-
202
71. Favourites Screen Solution
-
203
72. Animations And Polish
-
204
73. App Icons
-
205
74. Expo Publish
9. Bonus Mobile Camera Module
10. Bonus Google Maps Integration
-
212
1. Important Note On This Section!
-
213
2. Setting Up Your Payment Information For Firebase
-
214
3. Setting Up Firebase CLI
-
215
5. Running Firebase Functions Locally
-
216
6. Moving Location Mock Part 1
-
217
7. Moving Location Mock Part 2
-
218
8. Moving Restaurants Mock
-
219
9. Deploying Our Functions
-
220
10. Switching Between Local And Deployed Functions
-
221
11. Oh No Android Doesn't Work!
-
222
12. Creating a Google Cloud Account
-
223
13. A Cautionary Tale
-
224
14. Configuring Our Google Cloud Project
-
225
15. Setting Up Google Node SDK
-
226
16. Firebase Environment
-
227
17. Integrating Geocoding API
-
228
18. Integrating Places API
-
229
19. Integrating Places Photos
-
230
20. Publishing Our Expo App And Functions
-
231
21. Minor Optimizations
-
232
22. Error Management
11. Bonus Mobile Payments With Stripe
-
233
1. Stripe Integration Demo
-
234
2. Stripe Integration Architecture
-
235
3. Signing Up For Stripe
-
236
4. Quick Recap On Firebase Functions
-
237
5. High Level Stripe Payment Flow
-
238
6. React Native Stripe Client
-
239
7. Setting Up Our Checkout
-
240
8. Our Credit Card Input
-
241
9. Getting Our First Stripe Token
-
242
10. Hooking Up Our Credit Card Form
-
243
11. Checkout Cart Overview
-
244
12. Building The Cart Context
-
245
13. Integrating Our Cart
-
246
14. Oh No! A Cart Bug
-
247
15. An Empty Cart
-
248
16. Adding The Checkout UI
-
249
17. Starting On The Payment Flow
-
250
18. Getting The Payee Name
-
251
19. Setting Up For Payment
-
252
20. Building Our Payment Gateway
-
253
21. Payment Request Part 1
-
254
22. Payment Request Part 2
-
255
23. Payment Request Part 3
-
256
24. Adding Loading State
-
257
25. Handling Error States
-
258
26. Exercise Cart Persistance
-
259
27. Solution Cart Persistance
12. Bonus Releasing To The App Stores
-
260
1. Before We Get Started
-
261
2. What Will I Get Out Of This Section
-
262
3. Building Standalone Apps
-
263
4. Building An APK For Android
-
264
5. Running Our APK On The Emulator
-
265
6. Creating A Play Store Account
-
266
7. Building iOS With Expo
-
267
8. Testing Your iOS Build On A Simulator
-
268
9. AppStore Connect And TestFlight
13. Bonus App Polish + Customizing MealsToGo
15. Appendix Learn React
-
274
2. Introduction To React.js
-
275
4. create-react-app
-
276
5. create-react-app 2
-
277
6. create-react-app 3
-
278
7. Quick Note Class vs Functional App.js
-
279
9. Your First React Component
-
280
10. Building A React App 1
-
281
11. Building A React App 2
-
282
12. Building A React App 3
-
283
13. Styling Your React App
-
284
14. Building A React App 4
-
285
15. Building A React App 5
-
286
16. Building A React App 6
-
287
18. Keeping Your Projects Up To Date
-
288
19. React Review
-
289
20. Error Boundaries In React
-
290
21. Deploying Our React App
-
291
22. React Hooks
-
292
23. React Hooks 2
-
293
24. React Hooks 3
-
294
25. React Hooks 4
-
295
26. React Hooks 5
-
296
27. React Hooks 6
-
297
28. React Hooks 7
-
298
29. React Hooks 8
-
299
31. React Hooks 9
16. Appendix Git + Github
17. Appendix Open Source Projects
Please, login to leave a review
