English | MP4 | AVC 1920×1080 | AAC 44KHz 2ch | 228 Lessons (23h 47m) | 3.42 GB
React Development made simple. Learn to build React.js apps and ace your frontend interviews with our guided course.
Learn how to create modern interfaces using React, Tailwind CSS, and other tools. Most React tutorials are not designed for true beginners and don’t help you achieve real mastery. They assume you’re already familiar with frontend development and only offer a few random projects. But what if you’re a complete beginner? React Formula suggests you start with the basics and gradually go deeper so you don’t miss anything. By the end of the course, you will be confident in building your React applications and have the skills to work in frontend development.
Table of Contents
1 Course Welcome
2 Why Learn React?
3 Meet the Instructor
4 Effective Learning
5 Workspace Tour
6 Your First App
7 Rendering Components
8 Passing Props
9 Passing Props II
10 Passing Props III
11 Alvin’s Favorite Keybindings
12 Alvin’s Favorite Keybindings 2
13 Intro to Tailwind CSS Lecture
14 Tailwind CSS Basics
15 Padding and Margin Lecture
16 Button Style Exercise
17 No Dynamic Class Names
18 Button Component Exercise
19 Flexbox Lecture
20 Flex Exercise
21 Flex Col Lecture
22 Flex Exercise II
23 Analyzing Layouts Lecture
24 Tailwind Documentation
25 Analyzing Layouts Exercise 1
26 Analyzing Layouts Exercise 2
27 Analyzing Layouts Exercise 3
28 Search Page Design 1
29 Search Page Design 2
30 Search Page Design 3
31 Search Page Design 4
32 Events and State Lecture
33 Click Event Exercise 1
34 Click Event Exercise 2
35 Click Event Exercise 3
36 Conditional Rendering Exercise 1
37 Conditional Rendering Exercise 2
38 Conditional Rendering Exercise 3
39 Conditional Rendering Exercise 4
40 Counter 1
41 Counter 2
42 Counter 3
43 Light Switch 1
44 Light Switch 2
45 Light Switch 3
46 Image Carousel 1
47 Image Carousel 2
48 Image Carousel 3
49 Cat Carousel 1
50 Cat Carousel 2
51 Cat Carousel 3
52 Cat Carousel 4
53 More State Welcome
54 Stacker 1
55 Stacker 2
56 Stacker 3
57 Checkered Grid 1
58 Checkered Grid 2
59 Checkered Grid 3
60 Centered Responsive Lecture
61 Simple Dark Mode 1
62 Simple Dark Mode 2
63 Simple Dark Mode 3
64 Modal 1
65 Modal 2
66 Modal 3
67 Playing Card 1
68 Playing Card 2
69 Playing Card 3
70 Map Lecture
71 Map Exercise 1
72 Map Exercise 2
73 Song List 1
74 Song List 2
75 Property Listings 1
76 Property Listings 2
77 Testimonial Carousel 1
78 Testimonial Carousel 2
79 Testimonial Carousel 3
80 Testimonial Carousel 4
81 Testimonial Carousel 5
82 Pagination 1
83 Pagination 2
84 Pagination 3
85 Munch Central 1
86 Munch Central 2
87 Furniture Pagination 1
88 Furniture Pagination 2
89 Inputs and Forms Lecture
90 Text Input Exercise 1
91 Text Input Exercise 2
92 Sign In Form 1
93 Sign In Form 2
94 Sign In Form 3
95 Word Filter 1
96 Word Filter 2
97 Message Project 1
98 Message Project 2
99 Message Project 3
100 Checkbox Input Exercise 1
101 Checkbox Input Exercise 2
102 Number Input Exercise 1
103 Number Input Exercise 2
104 Select Exercise 1
105 Select Exercise 2
106 Cat Directory 1
107 Cat Directory 2
108 Cat Directory 3
109 Cat Directory 4
110 Integrating with Backends
111 Using Fetch 1
112 Using Fetch 2
113 Using Fetch 3
114 Random Joke 1
115 Random Joke 2
116 Random Joke 3
117 Use Effect Lecture
118 Use Effect Exercise 1
119 Use Effect Exercise 2
120 Teammates Project 1
121 Teammates Project 2
122 Loading Spinner Exercise 1
123 Loading Spinner Exercise 2
124 Stocks Project 1
125 Stocks Project 2
126 Stocks Project 3
127 Async Await Exercise 1
128 Async Await Exercise 2
129 Weather Forecast 1
130 Weather Forecast 2
131 Weather Forecast 3
132 Error Handling 1
133 Error Handling 2
134 States Project 1
135 States Project 2
136 States Project 3
137 CRUD Welcome
138 Message Board 1
139 Message Board 2
140 Message Board 3
141 Deleting Furni 1
142 Deleting Furni 2
143 Deleting Furni 3
144 Deleting Furni 4
145 Updating Furni 1
146 Updating Furni 2
147 Updating Furni 3
148 Todo List Part 1 1
149 Todo List Part 1 2
150 Todo List Part 1 3
151 Todo List Part 2 1
152 Todo List Part 2 2
153 Todo List Part 2 3
154 React Router Welcome
155 Frontend Routing 1
156 Frontend Routing 2
157 Frontend Routing 3
158 Frontend Routing II 1
159 Frontend Routing II 2
160 Frontend Routing II 3
161 Refs Project 1
162 Refs Project 2
163 Refs Project 3
164 Refs Project 4
165 Intro to React Context 1
166 Intro to React Context 2
167 Theme Context 1
168 Theme Context 2
169 Use Callback 1
170 Use Callback 2
171 Use Callback 3
172 Applying Use Callback 1
173 Applying Use Callback 2
174 Use State Function Default Lecture
175 Use State Functional Setter Lecture
176 Use Effect Clean Up 1
177 Use Effect Clean Up 2
178 Responsive Design Welcome
179 Local Environment Setup
180 Screen Size Breakpoints 1
181 Screen Size Breakpoints 2
182 Screen Size Breakpoints 3
183 Mobile Responsive Design 1
184 Mobile Responsive Design 2
185 Mobile Responsive Design 3
186 Mobile Responsive Design 4
187 Mobile Responsive Design 5
188 Mobile Responsive Design 6
189 Capstone Project Welcome
190 Getting Started 1
191 Getting Started 2
192 Creating the AuthForm 1
193 Creating the AuthForm 2
194 Designing the Sign In 1
195 Designing the Sign In 2
196 API Integration
197 Sign Up Feature 1
198 Sign Up Feature 2
199 Improving Imports
200 Sign In Feature 1
201 Sign In Feature 2
202 Managing the Session Token
203 Basic Navbar 1
204 Basic Navbar 2
205 Sign Out Button 1
206 Sign Out Button 2
207 Sign Out Button 3
208 Fetching Plants 1
209 Fetching Plants 2
210 Plant List Page Design 1
211 Plant List Page Design 2
212 Plant List Page Design 3
213 Plant List Page Design 4
214 Plant Show Page Design 1
215 Plant Show Page Design 2
216 Pot Color Purchase Option 1
217 Pot Color Purchase Option 2
218 Adding to the Cart 1
219 Adding to the Cart 2
220 Cart Modal 1
221 Cart Modal 2
222 Cart Item Removal 1
223 Cart Item Removal 2
224 Mobile Menu 1
225 Mobile Menu 2
226 Finishing Touches 1
227 Finishing Touches 2
228 Congratulations
Resolve the captcha to access the links!