The Complete React Native and Redux Course (2017)

iOS and Android App Development from scratch - build fully native mobile apps ridiculously fast!

If you're tired of spinning your wheels learning Swift or Android, this is the course for you.

Authentication? You will learn it. Redux? Included. Animations? Of course!

This course will get you up and running with React Native quickly, and teach you the core knowledge you need to deeply understand and build React components for mobile devices.

Both OSX and Windows supported - develop iOS or Android!

We'll start by mastering the fundamentals of React, including JSX, “props", “state", and event handling. Source code is provided for each lecture, so you will always stay up-to-date with the course pacing. Special attention has been paid to creating reusable components that you'll be able to make use of on your own fantastic projects.

If you are new to React, or if you've been working to learn it but sometimes feel like you still don't quite 'get it', this is the React course for you! To learn React you have to understand it.

Learn how to use React's custom markup language, JSX, to clean up your Javascript code.
Learn the process of converting JSX to raw Javascript on the fly in your browser.
Master the process of breaking down a complex component into many smaller, interchangeable components.
Grasp the difference between “props" and “state" and when to use each.
Develop apps that are unique, fun, and responsive.
Build on both Android and iOS platforms
Master integration with Firebase for user authentication
Learn the core principles of navigation with React Native

I've built the course that I would have wanted to take when I was learning React Native. A course that explains the concepts and how they're implemented in the best order for you to learn and deeply understand them.

What are the requirements?

All you need is basic understanding of Javascript

What am I going to get from this course?

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

What is the target audience?

This course is for anyone looking to make native apps

Content:

Section: 1 3 / 3
Dive Right In!

1. Introduction - Course Roadmap 2:08
2. Roadmap to the First App 2:08
3. Official Course Github Repo 0:00

Section: 2 1 / 3
Got OSX? Go Here.

4. OSX Installation 6:02
5. More on OSX Installation 5:25
6. Running in the Simulator 2:12

Section: 3 0 / 3
Got Windows? Go Here.

7. Windows Setup of React Native 6:31
8. Android Studio and React Native CLI Installation 5:12
9. Emulator Creation and System Variables 14:56

Section: 4 0 / 4
[Optional] ESLint Setup

10. ESLint Setup and Overview 8:56
11. ESLint Setup with Atom 6:18
12. ESLint Setup with Sublime Text 3 8:22
13. ESLint Setup with VSCode 3:37

Section: 5 0 / 9
Onwards!

14. Project Directory Walkthrough 4:28
15. Getting Content on the Screen 4:47
16. React vs React Native 3:11
17. Creating a Component with JSX 6:16
18. Registering a Component 3:45
19. Destructuring Imports 5:25
20. Application Outline 4:47
21. The Header Component 8:29
22. Consuming File Exports 6:50

Section: 6 0 / 5
Making Great Looking Apps

23. Styling with React Native 4:33
24. More on Styling Components 4:51
25. Introduction to Flexbox 5:24
26. Header Styling 4:23
27. Making the Header Reusable 7:18

Section: 7 0 / 14
HTTP Requests with React Native

28. Sourcing Album Data 4:51
29. List Component Boilerplate 6:07
30. Class Based Components 7:26
31. Lifecycle Methods 6:40
32. Quick Note On Axios 0:00
33. Network Requests 8:11
34. Component Level State 8:57
35. More on Component Level State 6:53
36. Rendering a List of Components 5:55
37. Displaying Individual Albums 9:30
38. Fantastic Reusable Components - The Card 5:25
39. Styling a Card 6:05
40. Passing Components as Props 4:12
41. Dividing Cards into Sections 8:23

Section: 8 0 / 12
Handling Component Layout

42. Mastering Layout with Flexbox 5:12
43. Positioning of Elements on Mobile 5:20
44. More on Styling 4:27
45. Images with React Native 7:35
46. Displaying Album Artwork 8:40
47. Making Content Scrollable 4:30
48. Handling User Input with Buttons 7:50
49. Styling of Buttons with UX Considerations 5:28
50. Responding to User Input 7:18
51. Linking Between Mobile Apps 4:20
52. Setting Button Text by Props 2:29
53. App Wrapup 3:07

Section: 9 0 / 14
Authentication with Firebase

54. Auth App Introduction 4:45
55. A Common Root Component 6:20
56. Copying Reusable Components 11:21
57. What is Firebase? 5:17
58. Firebase Client Setup 4:47
59. Login Form Scaffolding 6:10
60. Handling User Inputs 3:20
61. More on Handling User Inputs 3:18
62. How to Create Controlled Components 4:30
63. Making Text Inputs From Scratch 4:14
64. A Focus on Passing Props 5:01
65. Making the Input Pretty 6:00
66. Wrapping up Inputs 7:15
67. Password Inputs 8:35

Section: 10 0 / 9
Processing Authentication Credentials

68. Logging a User In 5:35
69. Error Handling 7:18
70. More on Authentication Flow 7:30
71. Creating an Activity Spinner 4:59
72. Conditional Rendering of JSX 6:40
73. Clearing the Form Spinner 8:28
74. Handling Authentication Events 6:09
75. More on Conditional Rendering 7:19
76. Logging a User Out and Wrapup 5:30

Section: 11 0 / 6
Digging Deeper with Redux

77. App Mockup and Approach 3:55
78. The Basics of Redux 8:30
79. More on Redux 7:37
80. Redux is Hard! 11:39
81. Application Boilerplate 3:49
82. More on Redux Boilerplate 8:14

Section: 12 1 / 7
Back to React

83. Rendering the Header 5:31
84. Reducer and State Design 6:45
85. Library List of Data 7:31
86. JSON CopyPaste 0:00
87. The Connect Function 10:06
88. MapStateToProps with Connect 7:31
89. A Quick Review and Breather 5:34

Section: 13 0 / 13
Rendering Lists the Right Way

90. The Theory of ListView 7:11
91. ListView in Practice 6:03
92. Rendering a Single Row 5:13
93. Styling the List 6:31
94. Creating the Selection Reducer 4:42
95. Introducing Action Creators 5:47
96. Calling Action Creators 8:56
97. Adding a Touchable 6:56
98. Rules of Reducers 5:16
99. Expanding a Row 5:12
100. Moving Logic Out of Components 6:23
101. Animations 7:02
102. Wrapup 5:06

Section: 14 0 / 4
Not Done Yet…

103. Overview of Our Next App 4:40
104. App Challenges 5:08
105. Just a Touch More Setup 6:22
106. More on Boilerplate Setup 7:02

Section: 15 0 / 5
Handling Data in React vs Redux

107. Login Form in a Redux World 7:00
108. Rebuilding the Login Form 6:19
109. Handling Form Updates with Action Creators 8:42
110. Wiring up Action Creators 8:01
111. Typed Actions 8:47

Section: 16 0 / 12
Don't Mutate that State

112. Immutable State 8:39
113. Creating Immutable State 7:08
114. More on Creating Immutable State 7:45
115. Synchronous vs Asynchronous Action Creators 8:01
116. Introduction to Redux Thunk 6:29
117. Redux Thunk in Practice 5:38
118. Redux Thunk in Practice Continued 7:49
119. Making LoginUser More Robust 3:27
120. Creating User Accounts 7:23
121. Showing Error Messages 6:11
122. A Firebase Gotcha 6:45
123. Showing a Spinner on Loading 11:57

Section: 17 0 / 14
Navigating Users Around

124. Dealing with Navigation 8:19
125. Navigation in the Router 4:05
126. Addressing Styling Issues 4:41
127. Displaying Multiple Scenes 5:55
128. Navigating Between Routes 4:21
129. Grouping Scenes with Buckets 5:41
130. Navigation Bar Buttons 5:53
131. Navigating to the Employee Creation Form 6:01
132. Building the Employee Creation Form 5:14
133. Employee Form Actions 7:00
134. Handling Form Updates at the Reducer Level 6:14
135. Dynamic Property Updates 8:48
136. The Picker Component 7:42
137. Pickers and Style Overrides 7:00

Section: 18 0 / 11
Firebase as a Data Store

138. Firebase JSON Schema 6:36
139. Data Security in Firebase 5:54
140. Creating Records with Firebase 5:43
141. Default Form Values 5:48
142. Successful Data Save to Firebase 7:49
143. Resetting Form Properties 9:48
144. Fetching Data from Firebase 8:16
145. Storing Data by ID 8:58
146. Dynamic DataSource Building 8:01
147. Transforming Objects to Arrays 7:07
148. List Building in Employee List 6:25

Section: 19 0 / 13
Code Reuse - Edit vs Create

149. Reusing the Employee Form 6:56
150. Create vs Edit Forms 6:53
151. Reusable Forms 9:06
152. A Standalone Employee Edit Form 3:27
153. Initializing Forms from State 9:13
154. Updating Firebase Records 7:15
155. Clearing Form Attributes 5:17
156. Texting Employees 4:42
157. Modals as a Reusable Component 7:14
158. The Modal Component Continued 8:11
159. Styling the Modal 9:26
160. Employee Delete Action Creator 8:30
161. Wiring up Employee Delete 4:19

Section: 20 0 / 1
Bonus!

162. Bonus? Bonus! 0:00

also You can watch my other last: Programming-posts