Books
Learn HTML
Learn CSS
Learn GIT
Learn JavaScript
Learn PHP
Exercises
HTML
JavaScript
GIT
CSS
PHP
Courses
Quizzes
Snippets
Tools
Courses
React - The Complete Guide (incl Hooks, React Router, Redux)
Adding Prop Type Validation
This video lesson is part of the course:
Academind
Single-Course License
Full access to "React - The Complete Guide (incl Hooks, React Router, Redux)"
$39
$69
Access to this course only.
Buy Now
Academind Pro Membership
Unlimited access to this and all other current & future courses!
$19 /month
Cancel anytime!
Subscribe
×
Single-Course License
Full access to "React - The Complete Guide (incl Hooks, React Router, Redux)"
$39
$69
Access to this course only.
Buy Now
Getting Started
(0/11)
Refreshing Next Generation JavaScript (Optional)
(0/13)
Understanding the Base Features & Syntax
(0/24)
Working with Lists and Conditionals
(0/13)
Styling React Components & Elements
(0/13)
Debugging React Apps
(0/7)
Diving Deeper into Components & React Internals
(0/33)
A Real App: The Burger Builder (Basic Version)
(0/41)
115. About React Hooks
1:00
116. Module Introduction
0:57
117. Planning an App in React - Core Steps
2:32
118. Planning our App - Layout and Component Tree
10:57
119. Planning the State
4:13
120. Setting up the Project
5:01
121. Creating a Layout Component
10:01
122. Starting Implementation of The Burger Builder Container
5:04
123. Adding a Dynamic Ingredient Component
8:27
124. Adding Prop Type Validation
2:49
125. Starting the Burger Component
6:49
126. Outputting Burger Ingredients Dynamically
9:44
127. Calculating the Ingredient Sum Dynamically
5:10
128. Adding the Build Control Component
7:26
129. Outputting Multiple Build Controls
4:03
130. Connecting State to Build Controls
8:22
131. Removing Ingredients Safely
7:30
132. Displaying and Updating the Burger Price
2:28
133. Adding the Order Button
10:39
134. Creating the Order Summary Modal
13:58
135. Showing & Hiding the Modal (with Animation!)
6:59
136. Implementing the Backdrop Component
8:22
137. Adding a Custom Button Component
4:46
138. Implementing the Button Component
4:54
139. Adding the Price to the Order Summary
2:05
140. Adding a Toolbar
9:11
141. Using a Logo in our Application
6:39
142. Adding Reusable Navigation Items
11:26
143. Creating a Responsive Sidedrawer
7:44
144. Working on Responsive Adjustments
4:34
145. More about Responsive Adjustments
7:18
146. Reusing the Backdrop
9:11
147. Adding a Sidedrawer Toggle Button
6:27
148. Adding a Hamburger Icon
2:20
149. Improving the App - Introduction
1:11
150. Prop Type Validation
1:17
151. Improving Performance
8:48
152. Using Component Lifecycle Methods
2:00
153. Changing the Folder Structure
4:57
154. Wrap Up
1:49
155. Useful Resources & Links
1:00
Reaching out to the Web (Http / Ajax)
(0/17)
Burger Builder Project: Accessing a Server
(0/9)
Multi-Page-Feeling in a Single-Page-App: Routing
(0/33)
Adding Routing to our Burger Project
(0/14)
Forms and Form Validation
(0/17)
Redux
(0/25)
Adding Redux to our Project
(0/10)
Redux Advanced
(0/16)
Redux Advanced: Burger Project
(0/22)
Adding Authentication to our Burger Project
(0/22)
Improving our Burger Project
(0/9)
Testing
(0/12)
Deploying the App to the Web
(0/6)
Bonus: Working with Webpack
(0/15)
Bonus: A Brief Introduction to Redux Saga
(0/13)
React Hooks
(0/29)
Using Hooks in the Burger Builder
(0/15)
Bonus: Replacing Redux with React Hooks
(0/14)
Bonus: Next.js
(0/10)
Bonus: Animations in React Apps
(0/16)
Bonus: Building the Burger CSS
(0/1)
Next Steps and Course Roundup
(0/9)