FreeCourseSite com Udemy - The Ultimate React Course 2023 React Redux & More

1. 1. Welcome, Welcome, Welcome!/1. Course Roadmap and Projects.mp444.83MB
2. 1. Welcome, Welcome, Welcome!/2. Building Our First React App!.mp4115.79MB
3. 1. Welcome, Welcome, Welcome!/3. Watch Before You Start!.mp442.06MB
4. 1. Welcome, Welcome, Welcome!/5. Downloading Course Material.mp425.06MB
5. 10. Thinking in React Components, Composition, and Reusability/1. Section Overview.mp45.75MB
6. 10. Thinking in React Components, Composition, and Reusability/10. Passing Elements as Props (Alternative to children).mp433.32MB
7. 10. Thinking in React Components, Composition, and Reusability/11. Building a Reusable Star Rating Component.mp474.03MB
8. 10. Thinking in React Components, Composition, and Reusability/12. Creating the Stars.mp4110.88MB
9. 10. Thinking in React Components, Composition, and Reusability/13. Handling Hover Events.mp465.28MB
10. 10. Thinking in React Components, Composition, and Reusability/14. Props as a Component API.mp423.78MB
11. 10. Thinking in React Components, Composition, and Reusability/15. Improving Reusability With Props.mp4130.69MB
12. 10. Thinking in React Components, Composition, and Reusability/16. PropTypes.mp452.54MB
13. 10. Thinking in React Components, Composition, and Reusability/17. CHALLENGE #1 Text Expander Component.mp4138.03MB
14. 10. Thinking in React Components, Composition, and Reusability/2. Setting Up the usePopcorn Project.mp416.86MB
15. 10. Thinking in React Components, Composition, and Reusability/3. How to Split a UI Into Components.mp473.03MB
16. 10. Thinking in React Components, Composition, and Reusability/4. Splitting Components in Practice.mp4215.58MB
17. 10. Thinking in React Components, Composition, and Reusability/5. Component Categories.mp414.02MB
18. 10. Thinking in React Components, Composition, and Reusability/6. Prop Drilling.mp469.5MB
19. 10. Thinking in React Components, Composition, and Reusability/7. Component Composition.mp427.6MB
20. 10. Thinking in React Components, Composition, and Reusability/8. Fixing Prop Drilling With Composition (And Building a Layout).mp465.98MB
21. 10. Thinking in React Components, Composition, and Reusability/9. Using Composition to Make a Reusable Box.mp456.7MB
22. 11. How React Works Behind the Scenes/1. Section Overview.mp413.75MB
23. 11. How React Works Behind the Scenes/10. The Key Prop.mp439.01MB
24. 11. How React Works Behind the Scenes/11. Resetting State With the Key Prop.mp430.31MB
25. 11. How React Works Behind the Scenes/12. Using the Key Prop to Fix Our Eat-'N-Split App.mp435.55MB
26. 11. How React Works Behind the Scenes/13. Rules for Render Logic Pure Components.mp455.53MB
27. 11. How React Works Behind the Scenes/14. State Update Batching.mp449.08MB
28. 11. How React Works Behind the Scenes/15. State Update Batching in Practice.mp4122.87MB
29. 11. How React Works Behind the Scenes/16. How Events Work in React.mp483.36MB
30. 11. How React Works Behind the Scenes/17. Libraries vs. Frameworks & The React Ecosystem.mp464.33MB
31. 11. How React Works Behind the Scenes/18. Section Summary Practical Takeaways.mp467.99MB
32. 11. How React Works Behind the Scenes/2. Project Setup and Walkthrough.mp4100.31MB
33. 11. How React Works Behind the Scenes/3. Components, Instances, and Elements.mp426.33MB
34. 11. How React Works Behind the Scenes/4. Instances and Elements in Practice.mp466.74MB
35. 11. How React Works Behind the Scenes/5. How Rendering Works Overview.mp434.39MB
36. 11. How React Works Behind the Scenes/6. How Rendering Works The Render Phase.mp499.36MB
37. 11. How React Works Behind the Scenes/7. How Rendering Works The Commit Phase.mp462.82MB
38. 11. How React Works Behind the Scenes/8. How Diffing Works.mp434.06MB
39. 11. How React Works Behind the Scenes/9. Diffing Rules in Practice.mp435.77MB
40. 12. Effects and Data Fetching/1. Section Overview.mp45.63MB
41. 12. Effects and Data Fetching/10. Synchronizing Queries With Movie Data.mp4126.66MB
42. 12. Effects and Data Fetching/11. Selecting a Movie.mp4136.54MB
43. 12. Effects and Data Fetching/12. Loading Movie Details.mp4179.97MB
44. 12. Effects and Data Fetching/13. Adding a Watched Movie.mp4277.69MB
45. 12. Effects and Data Fetching/14. Adding a New Effect Changing Page Title.mp477.74MB
46. 12. Effects and Data Fetching/15. The useEffect Cleanup Function.mp426.25MB
47. 12. Effects and Data Fetching/16. Cleaning Up the Title.mp439.53MB
48. 12. Effects and Data Fetching/17. Cleaning Up Data Fetching.mp485.51MB
49. 12. Effects and Data Fetching/18. One More Effect Listening to a Keypress.mp4124.47MB
50. 12. Effects and Data Fetching/19. CHALLENGE #1 Currency Converter.mp4124.97MB
51. 12. Effects and Data Fetching/2. The Component Lifecycle.mp418.99MB
52. 12. Effects and Data Fetching/3. How NOT to Fetch Data in React.mp478.59MB
53. 12. Effects and Data Fetching/4. useEffect to the Rescue.mp435.47MB
54. 12. Effects and Data Fetching/5. A First Look at Effects.mp439.67MB
55. 12. Effects and Data Fetching/6. Using an async Function.mp444.71MB
56. 12. Effects and Data Fetching/7. Adding a Loading State.mp432.5MB
57. 12. Effects and Data Fetching/8. Handling Errors.mp4113.29MB
58. 12. Effects and Data Fetching/9. The useEffect Dependency Array.mp464.89MB
59. 13. Custom Hooks, Refs, and More State/1. Section Overview.mp45.56MB
60. 13. Custom Hooks, Refs, and More State/10. Refs to Persist Data Between Renders.mp498.72MB
61. 13. Custom Hooks, Refs, and More State/11. What are Custom Hooks When to Create One.mp424.28MB
62. 13. Custom Hooks, Refs, and More State/12. Creating our First Custom Hook useMovies.mp4120.18MB
63. 13. Custom Hooks, Refs, and More State/13. Creating useLocalStorageState.mp478.11MB
64. 13. Custom Hooks, Refs, and More State/14. Creating useKey.mp468.59MB
65. 13. Custom Hooks, Refs, and More State/15. CHALLENGE #1 useGeolocate.mp462.25MB
66. 13. Custom Hooks, Refs, and More State/2. React Hooks and Their Rules.mp454.53MB
67. 13. Custom Hooks, Refs, and More State/3. The Rules of Hooks in Practice.mp482.44MB
68. 13. Custom Hooks, Refs, and More State/4. More Details of useState.mp4105.74MB
69. 13. Custom Hooks, Refs, and More State/5. Initializing State With a Callback (Lazy Initial State).mp4106.47MB
70. 13. Custom Hooks, Refs, and More State/6. useState Summary.mp417.53MB
71. 13. Custom Hooks, Refs, and More State/7. How NOT to Select DOM Elements in React.mp425.94MB
72. 13. Custom Hooks, Refs, and More State/8. Introducing Another Hook useRef.mp427.87MB
73. 13. Custom Hooks, Refs, and More State/9. Refs to Select DOM Elements.mp479.31MB
74. 14. [Optional] React Before Hooks Class-Based React/1. Section Overview.mp45.74MB
75. 14. [Optional] React Before Hooks Class-Based React/10. Lifecycle Methods.mp4117.36MB
76. 14. [Optional] React Before Hooks Class-Based React/2. Our First Class Component.mp445.17MB
77. 14. [Optional] React Before Hooks Class-Based React/3. Working With Event Handlers.mp465.5MB
78. 14. [Optional] React Before Hooks Class-Based React/4. Class Components vs. Function Components.mp431.62MB
79. 14. [Optional] React Before Hooks Class-Based React/5. Starting the Classy Weather App.mp448.48MB
80. 14. [Optional] React Before Hooks Class-Based React/6. Fetching Weather Data.mp498.34MB
81. 14. [Optional] React Before Hooks Class-Based React/7. Displaying the Weather.mp4113.49MB
82. 14. [Optional] React Before Hooks Class-Based React/8. Removing Boilerplate Code With Class Fields.mp435.98MB
83. 14. [Optional] React Before Hooks Class-Based React/9. Child to Parent Communication.mp448.31MB
84. 15. PART 3 ADVANCED REACT + REDUX [4 PROJECTS]/1. Introduction to Part 3.mp424.8MB
85. 16. The Advanced useReducer Hook/1. Section Overview.mp45.29MB
86. 16. The Advanced useReducer Hook/10. Handling New Answers.mp4137.69MB
87. 16. The Advanced useReducer Hook/11. Moving to the Next Question.mp451.14MB
88. 16. The Advanced useReducer Hook/12. Displaying Progress.mp464.64MB
89. 16. The Advanced useReducer Hook/13. Finishing a Quiz.mp4120.03MB
90. 16. The Advanced useReducer Hook/14. Restarting a Quiz.mp466.01MB
91. 16. The Advanced useReducer Hook/15. Setting Up a Timer With useEffect.mp4177.52MB
92. 16. The Advanced useReducer Hook/16. Section Summary useState vs. useReducer.mp429.43MB
93. 16. The Advanced useReducer Hook/17. CHALLENGE #1 Creating a Bank Account With useReducer.mp4145.85MB
94. 16. The Advanced useReducer Hook/2. Yet Another Hook useReducer.mp4130.39MB
95. 16. The Advanced useReducer Hook/3. Managing Related Pieces of State.mp4101.1MB
96. 16. The Advanced useReducer Hook/4. Managing State With useReducer.mp477.65MB
97. 16. The Advanced useReducer Hook/5. The React Quiz App.mp452.33MB
98. 16. The Advanced useReducer Hook/6. Loading Questions from a Fake API.mp4143.61MB
99. 16. The Advanced useReducer Hook/7. Handling Loading, Error, and Ready Status.mp475.83MB
100. 16. The Advanced useReducer Hook/8. Starting a New Quiz.mp440.36MB
101. 16. The Advanced useReducer Hook/9. Displaying Questions.mp462.96MB
102. 17. React Router Building Single-Page Applications (SPA)/1. Section Overview.mp48.65MB
103. 17. React Router Building Single-Page Applications (SPA)/10. Nested Routes and Index Route.mp4117.75MB
104. 17. React Router Building Single-Page Applications (SPA)/11. Implementing the Cities List.mp4172.5MB
105. 17. React Router Building Single-Page Applications (SPA)/12. Implementing the Countries List.mp4107.65MB
106. 17. React Router Building Single-Page Applications (SPA)/13. Storing State in the URL.mp430.69MB
107. 17. React Router Building Single-Page Applications (SPA)/14. Dynamic Routes With URL Parameters.mp4109.24MB
108. 17. React Router Building Single-Page Applications (SPA)/15. Reading and Setting a Query String.mp488.64MB
109. 17. React Router Building Single-Page Applications (SPA)/16. Programmatic Navigation with useNavigate.mp4100MB
110. 17. React Router Building Single-Page Applications (SPA)/17. Programmatic Navigation with Navigate .mp439.59MB
111. 17. React Router Building Single-Page Applications (SPA)/2. Creating Our First App With Vite WorldWise.mp499.84MB
112. 17. React Router Building Single-Page Applications (SPA)/3. Routing and Single-Page Applications (SPAs).mp440.61MB
113. 17. React Router Building Single-Page Applications (SPA)/4. Implementing Main Pages and Routes.mp478.76MB
114. 17. React Router Building Single-Page Applications (SPA)/5. Linking Between Routes With Link and NavLink .mp467.4MB
115. 17. React Router Building Single-Page Applications (SPA)/6. Styling Options For React Applications.mp428.6MB
116. 17. React Router Building Single-Page Applications (SPA)/7. Using CSS Modules.mp4114.75MB
117. 17. React Router Building Single-Page Applications (SPA)/8. Building the Pages.mp4165.99MB
118. 17. React Router Building Single-Page Applications (SPA)/9. Building the App Layout.mp471.76MB
119. 18. Advanced State Management The Context API/1. Section Overview.mp47.61MB
120. 18. Advanced State Management The Context API/10. Finishing the City View.mp4187.15MB
121. 18. Advanced State Management The Context API/11. Including a Map With the Leaflet Library.mp4112.51MB
122. 18. Advanced State Management The Context API/12. Displaying City Markers on Map.mp486.89MB
123. 18. Advanced State Management The Context API/13. Interacting With the Map.mp4164.49MB
124. 18. Advanced State Management The Context API/14. Setting Map Position With Geolocation.mp4133.28MB
125. 18. Advanced State Management The Context API/15. Fetching City Data in the Form.mp4217.86MB
126. 18. Advanced State Management The Context API/16. Creating a New City.mp4295.34MB
127. 18. Advanced State Management The Context API/17. Deleting a City.mp468.64MB
128. 18. Advanced State Management The Context API/18. Advanced State Management System Context + useReducer.mp4305.71MB
129. 18. Advanced State Management The Context API/19. Adding Fake Authentication Setting Up Context.mp4101.33MB
130. 18. Advanced State Management The Context API/2. CHALLENGE #1 Understand The Atomic Blog App.mp428.61MB
131. 18. Advanced State Management The Context API/20. Adding Fake Authentication Implementing Login.mp4184.83MB
132. 18. Advanced State Management The Context API/21. Adding Fake Authentication Protecting a Route.mp4123.47MB
133. 18. Advanced State Management The Context API/22. CHALLENGE #2 Refactoring React Quiz to Context API.mp476.41MB
134. 18. Advanced State Management The Context API/3. What is the Context API.mp427.68MB
135. 18. Advanced State Management The Context API/4. Creating and Providing a Context.mp495.48MB
136. 18. Advanced State Management The Context API/5. Consuming the Context.mp4106.37MB
137. 18. Advanced State Management The Context API/6. Advanced Pattern A Custom Provider and Hook.mp4151.2MB
138. 18. Advanced State Management The Context API/7. Thinking In React Advanced State Management.mp454.83MB
139. 18. Advanced State Management The Context API/8. Back to WorldWise Creating a CitiesContext.mp491.9MB
140. 18. Advanced State Management The Context API/9. Consuming the CitiesContext.mp441.35MB
141. 19. Performance Optimization and Advanced useEffect/1. Section Overview.mp46.26MB
142. 19. Performance Optimization and Advanced useEffect/10. Optimizing Context Re-Renders.mp4135.68MB
143. 19. Performance Optimization and Advanced useEffect/11. Back to The WorldWise App.mp4131.64MB
144. 19. Performance Optimization and Advanced useEffect/12. Optimizing Bundle Size With Code Splitting.mp4164.89MB
145. 19. Performance Optimization and Advanced useEffect/13. Don't Optimize Prematurely!.mp415.87MB
146. 19. Performance Optimization and Advanced useEffect/14. useEffect Rules and Best Practices.mp456.39MB
147. 19. Performance Optimization and Advanced useEffect/15. CHALLENGE #1 Fix Performance Issues in Workout Timer.mp4105.29MB
148. 19. Performance Optimization and Advanced useEffect/16. Setting State Based on Other State Updates.mp4114.1MB
149. 19. Performance Optimization and Advanced useEffect/17. Using Helper Functions In Effects.mp4139.6MB
150. 19. Performance Optimization and Advanced useEffect/18. Closures in Effects.mp480.11MB
151. 19. Performance Optimization and Advanced useEffect/2. Performance Optimization and Wasted Renders.mp428.72MB
152. 19. Performance Optimization and Advanced useEffect/3. The Profiler Developer Tool.mp465.62MB
153. 19. Performance Optimization and Advanced useEffect/4. A Surprising Optimization Trick With children.mp4101.49MB
154. 19. Performance Optimization and Advanced useEffect/5. Understanding memo.mp429.53MB
155. 19. Performance Optimization and Advanced useEffect/6. memo in Practice.mp4133.56MB
156. 19. Performance Optimization and Advanced useEffect/7. Understanding useMemo and useCallback.mp436.49MB
157. 19. Performance Optimization and Advanced useEffect/8. useMemo in Practice.mp476.02MB
158. 19. Performance Optimization and Advanced useEffect/9. useCallback in Practice.mp496.97MB
159. 2. PART 1 REACT FUNDAMENTALS [4 PROJECTS]/1. Introduction to Part 1.mp418.22MB
160. 20. Redux and Modern Redux Toolkit (With Thunks)/1. Section Overview.mp44.78MB
161. 20. Redux and Modern Redux Toolkit (With Thunks)/10. The Legacy Way of Connecting Components to Redux.mp438.25MB
162. 20. Redux and Modern Redux Toolkit (With Thunks)/11. Redux Middleware and Thunks.mp426.62MB
163. 20. Redux and Modern Redux Toolkit (With Thunks)/12. Making an API Call With Redux Thunks.mp4163.38MB
164. 20. Redux and Modern Redux Toolkit (With Thunks)/13. The Redux DevTools.mp461.79MB
165. 20. Redux and Modern Redux Toolkit (With Thunks)/14. What is Redux Toolkit (RTK).mp417.46MB
166. 20. Redux and Modern Redux Toolkit (With Thunks)/15. Creating the Store With RTK.mp440.67MB
167. 20. Redux and Modern Redux Toolkit (With Thunks)/16. Creating the Account Slice.mp4211.7MB
168. 20. Redux and Modern Redux Toolkit (With Thunks)/17. Back to Thunks.mp451.33MB
169. 20. Redux and Modern Redux Toolkit (With Thunks)/18. Creating the Customer Slice.mp4102.26MB
170. 20. Redux and Modern Redux Toolkit (With Thunks)/19. Redux vs. Context API.mp440.91MB
171. 20. Redux and Modern Redux Toolkit (With Thunks)/2. Introduction to Redux.mp462.15MB
172. 20. Redux and Modern Redux Toolkit (With Thunks)/3. Creating a Reducer Bank Account.mp457.67MB
173. 20. Redux and Modern Redux Toolkit (With Thunks)/4. Creating a Redux Store.mp469.38MB
174. 20. Redux and Modern Redux Toolkit (With Thunks)/5. Working With Action Creators.mp453.75MB
175. 20. Redux and Modern Redux Toolkit (With Thunks)/6. Adding More State Customer.mp4105.61MB
176. 20. Redux and Modern Redux Toolkit (With Thunks)/7. Professional Redux File Structure State Slices.mp4106.77MB
177. 20. Redux and Modern Redux Toolkit (With Thunks)/8. Back to React! Connecting our Redux App With React.mp437.3MB
178. 20. Redux and Modern Redux Toolkit (With Thunks)/9. Dispatching Actions from Our React App.mp4167.46MB
179. 21. PART 4 PROFESSIONAL REACT DEVELOPMENT [2 PROJECTS]/1. Introduction to Part 4.mp429.4MB
180. 22. React Router With Data Loading (v6.4+)/1. Section Overview.mp46.45MB
181. 22. React Router With Data Loading (v6.4+)/10. Fetching Orders.mp4109.61MB
182. 22. React Router With Data Loading (v6.4+)/11. Writing Data With React Router Actions.mp4175.53MB
183. 22. React Router With Data Loading (v6.4+)/12. Error Handling in Form Actions.mp498.29MB
184. 22. React Router With Data Loading (v6.4+)/2. Setting Up a New Project Fast React Pizza Co..mp438.21MB
185. 22. React Router With Data Loading (v6.4+)/3. Application Planning.mp4105.74MB
186. 22. React Router With Data Loading (v6.4+)/4. Setting Up a Professional File Structure.mp449.51MB
187. 22. React Router With Data Loading (v6.4+)/5. A New Way Of Implementing Routes.mp472.89MB
188. 22. React Router With Data Loading (v6.4+)/6. Building the App Layout.mp478.48MB
189. 22. React Router With Data Loading (v6.4+)/7. Fetching Data With React Router Loaders Pizza Menu.mp4108.43MB
190. 22. React Router With Data Loading (v6.4+)/8. Displaying a Loading Indicator.mp459.19MB
191. 22. React Router With Data Loading (v6.4+)/9. Handling Errors With Error Elements.mp456.64MB
192. 23. [Optional] Tailwind CSS Crash Course Styling the App/1. Section Overview.mp44.93MB
193. 23. [Optional] Tailwind CSS Crash Course Styling the App/10. Styling Buttons Element States and Transitions.mp4109.23MB
194. 23. [Optional] Tailwind CSS Crash Course Styling the App/11. Styling Form Elements.mp494.26MB
195. 23. [Optional] Tailwind CSS Crash Course Styling the App/12. Reusing Styles With @apply.mp441.34MB
196. 23. [Optional] Tailwind CSS Crash Course Styling the App/13. Reusing Styles With React Components.mp4109.14MB
197. 23. [Optional] Tailwind CSS Crash Course Styling the App/14. Absolute Positioning, z-index, and More.mp462.45MB
198. 23. [Optional] Tailwind CSS Crash Course Styling the App/15. Configuring Tailwind Custom Font Family.mp4111.49MB
199. 23. [Optional] Tailwind CSS Crash Course Styling the App/16. Styling the Menu.mp4196.81MB
200. 23. [Optional] Tailwind CSS Crash Course Styling the App/17. Styling the Cart.mp4115.46MB
201. 23. [Optional] Tailwind CSS Crash Course Styling the App/18. Styling the Order Form.mp4141.18MB
202. 23. [Optional] Tailwind CSS Crash Course Styling the App/19. Styling the Order Overview.mp4134.2MB
203. 23. [Optional] Tailwind CSS Crash Course Styling the App/2. What is Tailwind CSS.mp443.22MB
204. 23. [Optional] Tailwind CSS Crash Course Styling the App/3. Setting Up Tailwind CSS.mp4105.08MB
205. 23. [Optional] Tailwind CSS Crash Course Styling the App/4. Working With Color.mp486.01MB
206. 23. [Optional] Tailwind CSS Crash Course Styling the App/5. Styling Text.mp480.9MB
207. 23. [Optional] Tailwind CSS Crash Course Styling the App/6. The Box Model Spacing, Borders, and Display.mp4103.74MB
208. 23. [Optional] Tailwind CSS Crash Course Styling the App/7. Responsive Design.mp494.4MB
209. 23. [Optional] Tailwind CSS Crash Course Styling the App/8. Using Flexbox.mp455.19MB
210. 23. [Optional] Tailwind CSS Crash Course Styling the App/9. Using CSS Grid.mp4103.83MB
211. 24. Adding Redux and Advanced React Router/1. Section Overview.mp43.89MB
212. 24. Adding Redux and Advanced React Router/10. Using the Cart for New Orders.mp4167.99MB
213. 24. Adding Redux and Advanced React Router/11. Redux Thunks With createAsyncThunk.mp4160.55MB
214. 24. Adding Redux and Advanced React Router/12. Integrating Geolocation.mp4172.06MB
215. 24. Adding Redux and Advanced React Router/13. Fetching Data Without Navigation useFetcher.mp4124.75MB
216. 24. Adding Redux and Advanced React Router/14. Updating Data Without Navigation.mp4135.75MB
217. 24. Adding Redux and Advanced React Router/2. Modeling the User State With Redux Toolkit.mp4108.85MB
218. 24. Adding Redux and Advanced React Router/3. Reading and Updating the User State.mp498.28MB
219. 24. Adding Redux and Advanced React Router/4. Modeling the Cart State.mp4123.78MB
220. 24. Adding Redux and Advanced React Router/5. Adding Menu Items to the Cart.mp478.44MB
221. 24. Adding Redux and Advanced React Router/6. Building the Cart Overview With Redux Selectors.mp492.09MB
222. 24. Adding Redux and Advanced React Router/7. Building the Cart Page.mp474.69MB
223. 24. Adding Redux and Advanced React Router/8. Deleting Cart Items.mp4154.23MB
224. 24. Adding Redux and Advanced React Router/9. Updating Cart Quantities.mp4130.6MB
225. 25. Setting Up Our Biggest Project + Styled Components/1. Section Overview.mp45.42MB
226. 25. Setting Up Our Biggest Project + Styled Components/10. Building the Sidebar and Main Navigation.mp4118.63MB
227. 25. Setting Up Our Biggest Project + Styled Components/2. Application Planning.mp4112.14MB
228. 25. Setting Up Our Biggest Project + Styled Components/3. Setting Up the Project The Wild Oasis.mp438.63MB
229. 25. Setting Up Our Biggest Project + Styled Components/4. Introduction to Styled Components.mp493.84MB
230. 25. Setting Up Our Biggest Project + Styled Components/5. Global Styles With Styled Components.mp4146.97MB
231. 25. Setting Up Our Biggest Project + Styled Components/6. Styled Component Props and the css Function.mp495.75MB
232. 25. Setting Up Our Biggest Project + Styled Components/7. Building More Reusable Styled Components.mp4110.94MB
233. 25. Setting Up Our Biggest Project + Styled Components/8. Setting Up Pages and Routes.mp460.26MB
234. 25. Setting Up Our Biggest Project + Styled Components/9. Building the App Layout.mp4118.94MB
235. 26. Supabase Crash Course Building a Back-End!/1. Section Overview.mp44.91MB
236. 26. Supabase Crash Course Building a Back-End!/2. What is Supabase.mp414.44MB
237. 26. Supabase Crash Course Building a Back-End!/3. Creating a New Database.mp427.57MB
238. 26. Supabase Crash Course Building a Back-End!/4. Modeling Application State.mp425.27MB
239. 26. Supabase Crash Course Building a Back-End!/5. Creating Tables.mp448.06MB
240. 26. Supabase Crash Course Building a Back-End!/6. Relationships Between Tables.mp444.32MB
241. 26. Supabase Crash Course Building a Back-End!/7. Adding Security Policies (RLS).mp443.42MB
242. 26. Supabase Crash Course Building a Back-End!/8. Connecting Supabase With Our React App.mp463.41MB
243. 26. Supabase Crash Course Building a Back-End!/9. Setting Up Storage Buckets.mp440.24MB
244. 27. React Query Managing Remote State/1. Section Overview.mp45.75MB
245. 27. React Query Managing Remote State/10. Uploading Images to Supabase.mp4136.92MB
246. 27. React Query Managing Remote State/11. Editing a Cabin.mp4313.04MB
247. 27. React Query Managing Remote State/12. Abstracting React Query Into Custom Hooks.mp4174.32MB
248. 27. React Query Managing Remote State/13. Duplicating Cabins.mp470.6MB
249. 27. React Query Managing Remote State/14. Fetching Applications Settings.mp476.72MB
250. 27. React Query Managing Remote State/15. Updating Application Settings.mp4105.93MB
251. 27. React Query Managing Remote State/2. What is React Query.mp433.8MB
252. 27. React Query Managing Remote State/3. Setting Up React Query.mp478.45MB
253. 27. React Query Managing Remote State/4. Fetching Cabin Data.mp4196.5MB
254. 27. React Query Managing Remote State/5. Mutations Deleting a Cabin.mp4154.6MB
255. 27. React Query Managing Remote State/6. Displaying Toasts (Notifications).mp477.39MB
256. 27. React Query Managing Remote State/7. Introducing Another Library React Hook Form.mp4113.13MB
257. 27. React Query Managing Remote State/8. Creating a New Cabin.mp4117.8MB
258. 27. React Query Managing Remote State/9. Handling Form Errors.mp4251.68MB
259. 28. Advanced React Patterns/1. Section Overview.mp46.18MB
260. 28. Advanced React Patterns/10. Confirming Cabin Deletions.mp487.15MB
261. 28. Advanced React Patterns/11. Building a Reusable Table.mp4129.96MB
262. 28. Advanced React Patterns/12. Applying the Render Props Pattern.mp444.78MB
263. 28. Advanced React Patterns/13. Building a Reusable Context Menu.mp4322.93MB
264. 28. Advanced React Patterns/2. An Overview of Reusability in React.mp431.15MB
265. 28. Advanced React Patterns/3. Setting Up an Example.mp462.73MB
266. 28. Advanced React Patterns/4. The Render Props Pattern.mp469.98MB
267. 28. Advanced React Patterns/5. A Look at Higher-Order Components (HOC).mp474.18MB
268. 28. Advanced React Patterns/6. The Compound Component Pattern.mp4114.44MB
269. 28. Advanced React Patterns/7. Building a Modal Window Using a React Portal.mp4170.72MB
270. 28. Advanced React Patterns/8. Converting the Modal to a Compound Component.mp4202.78MB
271. 28. Advanced React Patterns/9. Detecting a Click Outside the Modal.mp4131.8MB
272. 29. [Optional] Implementing More Features Authentication, Dark Mode, Dashboard, etc/1. Section Overview.mp47.62MB
273. 29. [Optional] Implementing More Features Authentication, Dark Mode, Dashboard, etc/10. Prefetching With React Query.mp468.61MB
274. 29. [Optional] Implementing More Features Authentication, Dark Mode, Dashboard, etc/11. Building the Single Booking Page.mp4143.77MB
275. 29. [Optional] Implementing More Features Authentication, Dark Mode, Dashboard, etc/12. Checking In a Booking.mp4286.11MB
276. 29. [Optional] Implementing More Features Authentication, Dark Mode, Dashboard, etc/13. Adding Optional Breakfast.mp4141.61MB
277. 29. [Optional] Implementing More Features Authentication, Dark Mode, Dashboard, etc/14. Checking Out a Booking (+ Fixing a Small Bug).mp4108.53MB
278. 29. [Optional] Implementing More Features Authentication, Dark Mode, Dashboard, etc/15. Deleting a Booking.mp4146.78MB
279. 29. [Optional] Implementing More Features Authentication, Dark Mode, Dashboard, etc/16. Authentication User Login With Supabase.mp4192.31MB
280. 29. [Optional] Implementing More Features Authentication, Dark Mode, Dashboard, etc/17. Authorization Protecting Routes.mp4213.47MB
281. 29. [Optional] Implementing More Features Authentication, Dark Mode, Dashboard, etc/18. User Logout.mp474.99MB
282. 29. [Optional] Implementing More Features Authentication, Dark Mode, Dashboard, etc/19. Fixing an Important Bug.mp447.18MB
283. 29. [Optional] Implementing More Features Authentication, Dark Mode, Dashboard, etc/2. Client-Side Filtering Filtering Cabins.mp4179.62MB
284. 29. [Optional] Implementing More Features Authentication, Dark Mode, Dashboard, etc/20. Building the Sign Up Form.mp4102.62MB
285. 29. [Optional] Implementing More Features Authentication, Dark Mode, Dashboard, etc/21. User Sign Up.mp4134.89MB
286. 29. [Optional] Implementing More Features Authentication, Dark Mode, Dashboard, etc/22. Authorization on Supabase Protecting Database (RLS).mp438.73MB
287. 29. [Optional] Implementing More Features Authentication, Dark Mode, Dashboard, etc/23. Building The App Header.mp490.85MB
288. 29. [Optional] Implementing More Features Authentication, Dark Mode, Dashboard, etc/24. Updating User Data and Password.mp4273.35MB
289. 29. [Optional] Implementing More Features Authentication, Dark Mode, Dashboard, etc/25. Implementing Dark Mode With CSS Variables.mp4208.04MB
290. 29. [Optional] Implementing More Features Authentication, Dark Mode, Dashboard, etc/26. Building the Dashboard Layout.mp438.62MB
291. 29. [Optional] Implementing More Features Authentication, Dark Mode, Dashboard, etc/27. Computing Recent Bookings and Stays.mp4138.8MB
292. 29. [Optional] Implementing More Features Authentication, Dark Mode, Dashboard, etc/28. Displaying Statistics.mp4113.1MB
293. 29. [Optional] Implementing More Features Authentication, Dark Mode, Dashboard, etc/29. Displaying a Line Chart With the Recharts Library.mp4246.03MB
294. 29. [Optional] Implementing More Features Authentication, Dark Mode, Dashboard, etc/3. Client-Side Sorting Sorting Cabins.mp4182.38MB
295. 29. [Optional] Implementing More Features Authentication, Dark Mode, Dashboard, etc/30. Displaying a Pie Chart.mp4170.33MB
296. 29. [Optional] Implementing More Features Authentication, Dark Mode, Dashboard, etc/31. Displaying Stays for Current Day.mp4211.6MB
297. 29. [Optional] Implementing More Features Authentication, Dark Mode, Dashboard, etc/32. Error Boundaries.mp488.99MB
298. 29. [Optional] Implementing More Features Authentication, Dark Mode, Dashboard, etc/33. Final Touches + Fixing Bugs.mp4125.42MB
299. 29. [Optional] Implementing More Features Authentication, Dark Mode, Dashboard, etc/4. Building the Bookings Table.mp4163.97MB
300. 29. [Optional] Implementing More Features Authentication, Dark Mode, Dashboard, etc/5. Uploading Sample Data.mp468.95MB
301. 29. [Optional] Implementing More Features Authentication, Dark Mode, Dashboard, etc/6. API-Side Filtering Filtering Bookings.mp4170.55MB
302. 29. [Optional] Implementing More Features Authentication, Dark Mode, Dashboard, etc/7. API-Side Sorting Sorting Bookings.mp472.74MB
303. 29. [Optional] Implementing More Features Authentication, Dark Mode, Dashboard, etc/8. Building a Reusable Pagination Component.mp4157.43MB
304. 29. [Optional] Implementing More Features Authentication, Dark Mode, Dashboard, etc/9. API-Side Pagination Paginating Bookings.mp4109.21MB
305. 3. A First Look at React/1. Section Overview.mp45.1MB
306. 3. A First Look at React/2. Why Do Front-End Frameworks Exist.mp468.35MB
307. 3. A First Look at React/3. React vs. Vanilla JavaScript.mp463.82MB
308. 3. A First Look at React/4. What is React.mp451.9MB
309. 3. A First Look at React/5. Setting Up Our Development Environment.mp459.49MB
310. 3. A First Look at React/6. Pure React.mp476.99MB
311. 3. A First Look at React/7. A Quick Look at React's Official Documentation.mp425.88MB
312. 3. A First Look at React/8. Setting Up a New React Project The Options.mp445.76MB
313. 3. A First Look at React/9. Setting Up a Project With Create-React-App.mp464.72MB
314. 30. Deployment With Netlify and Vercel/1. Section Overview.mp47.93MB
315. 30. Deployment With Netlify and Vercel/2. Deploying to Netlify.mp489.24MB
316. 30. Deployment With Netlify and Vercel/3. Setting Up a Git and GitHub Repository.mp4108.82MB
317. 30. Deployment With Netlify and Vercel/4. Deploying to Vercel.mp431.92MB
318. 31. The End!/1. Where to Go from Here.mp473.91MB
319. 4. [Optional] Review of Essential JavaScript for React/1. Section Overview.mp47.92MB
320. 4. [Optional] Review of Essential JavaScript for React/10. The Array filter Method.mp476.46MB
321. 4. [Optional] Review of Essential JavaScript for React/11. The Array reduce Method.mp457.74MB
322. 4. [Optional] Review of Essential JavaScript for React/12. The Array sort Method.mp456.54MB
323. 4. [Optional] Review of Essential JavaScript for React/13. Working With Immutable Arrays.mp485.05MB
324. 4. [Optional] Review of Essential JavaScript for React/14. Asynchronous JavaScript Promises.mp440.32MB
325. 4. [Optional] Review of Essential JavaScript for React/15. Asynchronous JavaScript AsyncAwait.mp442MB
326. 4. [Optional] Review of Essential JavaScript for React/2. Destructuring Objects and Arrays.mp465.85MB
327. 4. [Optional] Review of Essential JavaScript for React/3. RestSpread Operator.mp464.16MB
328. 4. [Optional] Review of Essential JavaScript for React/4. Template Literals.mp432.74MB
329. 4. [Optional] Review of Essential JavaScript for React/5. Ternaries Instead of ifelse Statements.mp450.84MB
330. 4. [Optional] Review of Essential JavaScript for React/6. Arrow Functions.mp443.84MB
331. 4. [Optional] Review of Essential JavaScript for React/7. Short-Circuiting And Logical Operators &&, , .mp488.75MB
332. 4. [Optional] Review of Essential JavaScript for React/8. Optional Chaining.mp454.43MB
333. 4. [Optional] Review of Essential JavaScript for React/9. The Array map Method.mp459.33MB
334. 5. Working With Components, Props, and JSX/1. Section Overview.mp45.98MB
335. 5. Working With Components, Props, and JSX/10. Styling React Applications.mp4133.26MB
336. 5. Working With Components, Props, and JSX/11. Passing and Receiving Props.mp488.8MB
337. 5. Working With Components, Props, and JSX/12. Props, Immutability, and One-Way Data Flow.mp434.68MB
338. 5. Working With Components, Props, and JSX/13. CHALLENGE #1 Profile Card (v1).mp4139.84MB
339. 5. Working With Components, Props, and JSX/14. The Rules of JSX.mp420.34MB
340. 5. Working With Components, Props, and JSX/15. Rendering Lists.mp4101.85MB
341. 5. Working With Components, Props, and JSX/16. Conditional Rendering With &&.mp481.52MB
342. 5. Working With Components, Props, and JSX/17. Conditional Rendering With Ternaries.mp444.31MB
343. 5. Working With Components, Props, and JSX/18. Conditional Rendering With Multiple Returns.mp455.07MB
344. 5. Working With Components, Props, and JSX/19. Extracting JSX Into a New Component.mp444.49MB
345. 5. Working With Components, Props, and JSX/2. Rendering the Root Component and Strict Mode.mp445.18MB
346. 5. Working With Components, Props, and JSX/20. Destructuring Props.mp447.45MB
347. 5. Working With Components, Props, and JSX/21. React Fragments.mp453.96MB
348. 5. Working With Components, Props, and JSX/22. Setting Classes and Text Conditionally.mp467.13MB
349. 5. Working With Components, Props, and JSX/23. Section Summary.mp426.47MB
350. 5. Working With Components, Props, and JSX/24. CHALLENGE #2 Profile Card (v2).mp473.42MB
351. 5. Working With Components, Props, and JSX/3. Before We Start Coding Debugging.mp469.11MB
352. 5. Working With Components, Props, and JSX/4. Components as Building Blocks.mp428.04MB
353. 5. Working With Components, Props, and JSX/5. Creating And Reusing a Component.mp482.57MB
354. 5. Working With Components, Props, and JSX/6. What is JSX.mp436.73MB
355. 5. Working With Components, Props, and JSX/7. Creating More Components.mp476.72MB
356. 5. Working With Components, Props, and JSX/8. JavaScript Logic in Components.mp441.72MB
357. 5. Working With Components, Props, and JSX/9. Separation of Concerns.mp436.18MB
358. 6. State, Events, and Forms Interactive Components/1. Section Overview.mp45.92MB
359. 6. State, Events, and Forms Interactive Components/10. Updating State Based on Current State.mp430.47MB
360. 6. State, Events, and Forms Interactive Components/11. More Thoughts About State + State Guidelines.mp434.14MB
361. 6. State, Events, and Forms Interactive Components/12. A Vanilla JavaScript Implementation.mp460.19MB
362. 6. State, Events, and Forms Interactive Components/13. CHALLENGE #1 Date Counter (v1).mp471.25MB
363. 6. State, Events, and Forms Interactive Components/14. Starting a New Project The Far Away Travel List.mp417.94MB
364. 6. State, Events, and Forms Interactive Components/15. Building the Layout.mp445.46MB
365. 6. State, Events, and Forms Interactive Components/16. Rendering the Items List.mp458.12MB
366. 6. State, Events, and Forms Interactive Components/17. Building a Form and Handling Submissions.mp495.39MB
367. 6. State, Events, and Forms Interactive Components/18. Controlled Elements.mp4144.12MB
368. 6. State, Events, and Forms Interactive Components/19. State vs. Props.mp424.18MB
369. 6. State, Events, and Forms Interactive Components/2. Let's Build a Steps Component.mp473.34MB
370. 6. State, Events, and Forms Interactive Components/20. EXERCISE #1 Flashcards.mp494.26MB
371. 6. State, Events, and Forms Interactive Components/21. CHALLENGE #2 Date Counter (v2).mp464.11MB
372. 6. State, Events, and Forms Interactive Components/3. Handling Events the React Way.mp447.47MB
373. 6. State, Events, and Forms Interactive Components/4. What is State in React.mp431.33MB
374. 6. State, Events, and Forms Interactive Components/5. Creating a State Variable With useState.mp461.75MB
375. 6. State, Events, and Forms Interactive Components/6. Don't Set State Manually!.mp435.92MB
376. 6. State, Events, and Forms Interactive Components/7. The Mechanics of State.mp428.34MB
377. 6. State, Events, and Forms Interactive Components/8. Adding Another Piece of State.mp472.93MB
378. 6. State, Events, and Forms Interactive Components/9. React Developer Tools.mp432.37MB
379. 7. Thinking In React State Management/1. Section Overview.mp45.44MB
380. 7. Thinking In React State Management/10. Sorting Items.mp485.28MB
381. 7. Thinking In React State Management/11. Clearing the List.mp447.54MB
382. 7. Thinking In React State Management/12. Moving Components Into Separate Files.mp479.62MB
383. 7. Thinking In React State Management/13. EXERCISE #1 Accordion Component (v1).mp487.29MB
384. 7. Thinking In React State Management/14. The children Prop Making a Reusable Button.mp4101.66MB
385. 7. Thinking In React State Management/15. More Reusability With the children Prop.mp465.86MB
386. 7. Thinking In React State Management/16. EXERCISE #2 Accordion Component (v2).mp470.87MB
387. 7. Thinking In React State Management/17. CHALLENGE #1 Tip Calculator.mp4144.4MB
388. 7. Thinking In React State Management/2. What is Thinking in React.mp427.73MB
389. 7. Thinking In React State Management/3. Fundamentals of State Management.mp451.49MB
390. 7. Thinking In React State Management/4. Thinking About State and Lifting State Up.mp4119.21MB
391. 7. Thinking In React State Management/5. Reviewing Lifting Up State.mp438.05MB
392. 7. Thinking In React State Management/6. Deleting an Item More Child-to-Parent Communication!.mp469.77MB
393. 7. Thinking In React State Management/7. Updating an Item Complex Immutable Data Operation.mp464.11MB
394. 7. Thinking In React State Management/8. Derived State.mp420.09MB
395. 7. Thinking In React State Management/9. Calculating Statistics as Derived State.mp492.17MB
396. 8. [Optional] Practice Project Eat-'N-Split/1. Section Overview.mp44.29MB
397. 8. [Optional] Practice Project Eat-'N-Split/2. Project Setup.mp414.38MB
398. 8. [Optional] Practice Project Eat-'N-Split/3. Building the Static App List of Friends.mp471.23MB
399. 8. [Optional] Practice Project Eat-'N-Split/4. Building the Static App Forms.mp467.96MB
400. 8. [Optional] Practice Project Eat-'N-Split/5. Displaying the New Friend Form.mp450.95MB
401. 8. [Optional] Practice Project Eat-'N-Split/6. Adding a New Friend.mp4150.69MB
402. 8. [Optional] Practice Project Eat-'N-Split/7. Selecting a Friend.mp4127.34MB
403. 8. [Optional] Practice Project Eat-'N-Split/8. Creating Controlled Elements.mp482.71MB
404. 8. [Optional] Practice Project Eat-'N-Split/9. Splitting a Bill.mp4100.35MB
405. 9. PART 2 INTERMEDIATE REACT [2 PROJECTS]/1. Introduction to Part 2.mp426.38MB