Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум

  1. Урок 1. 00:02:58
    Course Roadmap and Projects
  2. Урок 2. 00:18:54
    Building Our First React App!
  3. Урок 3. 00:05:25
    Watch Before You Start!
  4. Урок 4. 00:03:35
    Downloading Course Material
  5. Урок 5. 00:00:56
    Introduction to Part 1
  6. Урок 6. 00:00:40
    Section Overview
  7. Урок 7. 00:10:28
    Why Do Front-End Frameworks Exist?
  8. Урок 8. 00:07:09
    React vs. Vanilla JavaScript
  9. Урок 9. 00:09:18
    What is React?
  10. Урок 10. 00:08:48
    Setting Up Our Development Environment
  11. Урок 11. 00:14:50
    Pure React
  12. Урок 12. 00:03:17
    A Quick Look at React's Official Documentation
  13. Урок 13. 00:07:42
    Setting Up a New React Project: The Options
  14. Урок 14. 00:12:49
    Setting Up a Project With Create-React-App
  15. Урок 15. 00:00:57
    Section Overview
  16. Урок 16. 00:10:59
    Destructuring Objects and Arrays
  17. Урок 17. 00:09:54
    Rest/Spread Operator
  18. Урок 18. 00:04:51
    Template Literals
  19. Урок 19. 00:05:50
    Ternaries Instead of if/else Statements
  20. Урок 20. 00:05:00
    Arrow Functions
  21. Урок 21. 00:10:33
    Short-Circuiting And Logical Operators: &&, ||, ??
  22. Урок 22. 00:06:31
    Optional Chaining
  23. Урок 23. 00:08:36
    The Array map Method
  24. Урок 24. 00:08:37
    The Array filter Method
  25. Урок 25. 00:07:22
    The Array reduce Method
  26. Урок 26. 00:06:39
    The Array sort Method
  27. Урок 27. 00:11:07
    Working With Immutable Arrays
  28. Урок 28. 00:08:12
    Asynchronous JavaScript: Promises
  29. Урок 29. 00:07:31
    Asynchronous JavaScript: Async/Await
  30. Урок 30. 00:00:55
    Section Overview
  31. Урок 31. 00:07:26
    Rendering the Root Component and Strict Mode
  32. Урок 32. 00:09:47
    Before We Start Coding: Debugging
  33. Урок 33. 00:04:35
    Components as Building Blocks
  34. Урок 34. 00:09:41
    Creating And Reusing a Component
  35. Урок 35. 00:06:26
    What is JSX?
  36. Урок 36. 00:08:08
    Creating More Components
  37. Урок 37. 00:04:27
    JavaScript Logic in Components
  38. Урок 38. 00:05:58
    Separation of Concerns
  39. Урок 39. 00:12:18
    Styling React Applications
  40. Урок 40. 00:09:09
    Passing and Receiving Props
  41. Урок 41. 00:07:10
    Props, Immutability, and One-Way Data Flow
  42. Урок 42. 00:17:26
    CHALLENGE #1: Profile Card (v1)
  43. Урок 43. 00:03:38
    The Rules of JSX
  44. Урок 44. 00:11:25
    Rendering Lists
  45. Урок 45. 00:09:17
    Conditional Rendering With &&
  46. Урок 46. 00:04:46
    Conditional Rendering With Ternaries
  47. Урок 47. 00:05:04
    Conditional Rendering With Multiple Returns
  48. Урок 48. 00:04:33
    Extracting JSX Into a New Component
  49. Урок 49. 00:04:53
    Destructuring Props
  50. Урок 50. 00:05:37
    React Fragments
  51. Урок 51. 00:08:01
    Setting Classes and Text Conditionally
  52. Урок 52. 00:05:34
    Section Summary
  53. Урок 53. 00:08:16
    CHALLENGE #2: Profile Card (v2)
  54. Урок 54. 00:01:03
    Section Overview
  55. Урок 55. 00:14:49
    Let's Build a Steps Component
  56. Урок 56. 00:07:22
    Handling Events the React Way
  57. Урок 57. 00:06:09
    What is State in React?
  58. Урок 58. 00:09:08
    Creating a State Variable With useState
  59. Урок 59. 00:05:18
    Don't Set State Manually!
  60. Урок 60. 00:04:52
    The Mechanics of State
  61. Урок 61. 00:08:37
    Adding Another Piece of State
  62. Урок 62. 00:06:10
    React Developer Tools
  63. Урок 63. 00:05:17
    Updating State Based on Current State
  64. Урок 64. 00:06:34
    More Thoughts About State + State Guidelines
  65. Урок 65. 00:06:35
    A Vanilla JavaScript Implementation
  66. Урок 66. 00:13:10
    CHALLENGE #1: Date Counter (v1)
  67. Урок 67. 00:04:09
    Starting a New Project: The "Far Away" Travel List
  68. Урок 68. 00:08:55
    Building the Layout
  69. Урок 69. 00:08:43
    Rendering the Items List
  70. Урок 70. 00:11:56
    Building a Form and Handling Submissions
  71. Урок 71. 00:18:27
    Controlled Elements
  72. Урок 72. 00:03:31
    State vs. Props
  73. Урок 73. 00:13:57
    EXERCISE #1: Flashcards
  74. Урок 74. 00:10:32
    CHALLENGE #2: Date Counter (v2)
  75. Урок 75. 00:00:59
    Section Overview
  76. Урок 76. 00:05:00
    What is "Thinking in React"?
  77. Урок 77. 00:09:25
    Fundamentals of State Management
  78. Урок 78. 00:14:42
    Thinking About State and Lifting State Up
  79. Урок 79. 00:06:26
    Reviewing "Lifting Up State"
  80. Урок 80. 00:08:15
    Deleting an Item: More Child-to-Parent Communication!
  81. Урок 81. 00:07:44
    Updating an Item: Complex Immutable Data Operation
  82. Урок 82. 00:03:04
    Derived State
  83. Урок 83. 00:10:44
    Calculating Statistics as Derived State
  84. Урок 84. 00:10:49
    Sorting Items
  85. Урок 85. 00:05:04
    Clearing the List
  86. Урок 86. 00:08:54
    Moving Components Into Separate Files
  87. Урок 87. 00:14:16
    EXERCISE #1: Accordion Component (v1)
  88. Урок 88. 00:16:11
    The "children" Prop: Making a Reusable Button
  89. Урок 89. 00:08:14
    More Reusability With the "children" Prop
  90. Урок 90. 00:10:16
    EXERCISE #2: Accordion Component (v2)
  91. Урок 91. 00:22:10
    CHALLENGE #1: Tip Calculator
  92. Урок 92. 00:00:56
    Section Overview
  93. Урок 93. 00:03:53
    Project Setup
  94. Урок 94. 00:12:03
    Building the Static App: List of Friends
  95. Урок 95. 00:09:28
    Building the Static App: Forms
  96. Урок 96. 00:06:35
    Displaying the New Friend Form
  97. Урок 97. 00:18:39
    Adding a New Friend
  98. Урок 98. 00:15:03
    Selecting a Friend
  99. Урок 99. 00:09:54
    Creating Controlled Elements
  100. Урок 100. 00:12:49
    Splitting a Bill
  101. Урок 101. 00:01:16
    Introduction to Part 2
  102. Урок 102. 00:01:01
    Section Overview
  103. Урок 103. 00:04:11
    Setting Up the "usePopcorn" Project
  104. Урок 104. 00:12:36
    How to Split a UI Into Components
  105. Урок 105. 00:23:59
    Splitting Components in Practice
  106. Урок 106. 00:02:43
    Component Categories
  107. Урок 107. 00:07:32
    Prop Drilling
  108. Урок 108. 00:04:52
    Component Composition
  109. Урок 109. 00:08:50
    Fixing Prop Drilling With Composition (And Building a Layout)
  110. Урок 110. 00:06:31
    Using Composition to Make a Reusable Box
  111. Урок 111. 00:04:45
    Passing Elements as Props (Alternative to children)
  112. Урок 112. 00:11:23
    Building a Reusable Star Rating Component
  113. Урок 113. 00:13:05
    Creating the Stars
  114. Урок 114. 00:07:44
    Handling Hover Events
  115. Урок 115. 00:04:29
    Props as a Component API
  116. Урок 116. 00:19:28
    Improving Reusability With Props
  117. Урок 117. 00:07:25
    PropTypes
  118. Урок 118. 00:18:21
    CHALLENGE #1: Text Expander Component
  119. Урок 119. 00:01:56
    Section Overview
  120. Урок 120. 00:11:12
    Project Setup and Walkthrough
  121. Урок 121. 00:05:10
    Components, Instances, and Elements
  122. Урок 122. 00:07:54
    Instances and Elements in Practice
  123. Урок 123. 00:06:56
    How Rendering Works: Overview
  124. Урок 124. 00:18:29
    How Rendering Works: The Render Phase
  125. Урок 125. 00:11:28
    How Rendering Works: The Commit Phase
  126. Урок 126. 00:05:53
    How Diffing Works
  127. Урок 127. 00:05:14
    Diffing Rules in Practice
  128. Урок 128. 00:07:43
    The Key Prop
  129. Урок 129. 00:04:03
    Resetting State With the Key Prop
  130. Урок 130. 00:04:08
    Using the Key Prop to Fix Our Eat-'N-Split App
  131. Урок 131. 00:09:25
    Rules for Render Logic: Pure Components
  132. Урок 132. 00:09:12
    State Update Batching
  133. Урок 133. 00:15:44
    State Update Batching in Practice
  134. Урок 134. 00:13:43
    How Events Work in React
  135. Урок 135. 00:09:53
    Libraries vs. Frameworks & The React Ecosystem
  136. Урок 136. 00:10:28
    Section Summary: Practical Takeaways
  137. Урок 137. 00:00:59
    Section Overview
  138. Урок 138. 00:04:32
    The Component Lifecycle
  139. Урок 139. 00:09:49
    How NOT to Fetch Data in React
  140. Урок 140. 00:04:41
    useEffect to the Rescue
  141. Урок 141. 00:06:24
    A First Look at Effects
  142. Урок 142. 00:05:41
    Using an async Function
  143. Урок 143. 00:03:48
    Adding a Loading State
  144. Урок 144. 00:13:03
    Handling Errors
  145. Урок 145. 00:12:18
    The useEffect Dependency Array
  146. Урок 146. 00:15:09
    Synchronizing Queries With Movie Data
  147. Урок 147. 00:13:20
    Selecting a Movie
  148. Урок 148. 00:17:44
    Loading Movie Details
  149. Урок 149. 00:26:12
    Adding a Watched Movie
  150. Урок 150. 00:08:45
    Adding a New Effect: Changing Page Title
  151. Урок 151. 00:04:22
    The useEffect Cleanup Function
  152. Урок 152. 00:05:23
    Cleaning Up the Title
  153. Урок 153. 00:10:17
    Cleaning Up Data Fetching
  154. Урок 154. 00:14:07
    One More Effect: Listening to a Keypress
  155. Урок 155. 00:16:44
    CHALLENGE #1: Currency Converter
  156. Урок 156. 00:00:58
    Section Overview
  157. Урок 157. 00:10:56
    React Hooks and Their Rules
  158. Урок 158. 00:08:37
    The Rules of Hooks in Practice
  159. Урок 159. 00:12:31
    More Details of useState
  160. Урок 160. 00:13:31
    Initializing State With a Callback (Lazy Initial State)
  161. Урок 161. 00:03:15
    useState Summary
  162. Урок 162. 00:03:39
    How NOT to Select DOM Elements in React
  163. Урок 163. 00:05:37
    Introducing Another Hook: useRef
  164. Урок 164. 00:10:10
    Refs to Select DOM Elements
  165. Урок 165. 00:10:16
    Refs to Persist Data Between Renders
  166. Урок 166. 00:04:23
    What are Custom Hooks? When to Create One?
  167. Урок 167. 00:13:03
    Creating our First Custom Hook: useMovies
  168. Урок 168. 00:09:07
    Creating useLocalStorageState
  169. Урок 169. 00:08:20
    Creating useKey
  170. Урок 170. 00:07:28
    CHALLENGE #1: useGeolocate
  171. Урок 171. 00:01:17
    Section Overview
  172. Урок 172. 00:09:33
    Our First Class Component
  173. Урок 173. 00:10:26
    Working With Event Handlers
  174. Урок 174. 00:05:38
    Class Components vs. Function Components
  175. Урок 175. 00:07:46
    Starting the "Classy Weather" App
  176. Урок 176. 00:09:40
    Fetching Weather Data
  177. Урок 177. 00:14:11
    Displaying the Weather
  178. Урок 178. 00:04:06
    Removing Boilerplate Code With Class Fields
  179. Урок 179. 00:04:20
    Child to Parent Communication
  180. Урок 180. 00:15:37
    Lifecycle Methods
  181. Урок 181. 00:01:12
    Introduction to Part 3
  182. Урок 182. 00:01:04
    Section Overview
  183. Урок 183. 00:18:00
    Yet Another Hook: useReducer
  184. Урок 184. 00:12:24
    Managing Related Pieces of State
  185. Урок 185. 00:14:15
    Managing State With useReducer
  186. Урок 186. 00:07:58
    The "React Quiz" App
  187. Урок 187. 00:18:32
    Loading Questions from a Fake API
  188. Урок 188. 00:09:06
    Handling Loading, Error, and Ready Status
  189. Урок 189. 00:04:55
    Starting a New Quiz
  190. Урок 190. 00:07:46
    Displaying Questions
  191. Урок 191. 00:16:43
    Handling New Answers
  192. Урок 192. 00:06:23
    Moving to the Next Question
  193. Урок 193. 00:08:58
    Displaying Progress
  194. Урок 194. 00:15:08
    Finishing a Quiz
  195. Урок 195. 00:07:06
    Restarting a Quiz
  196. Урок 196. 00:20:57
    Setting Up a Timer With useEffect
  197. Урок 197. 00:05:55
    Section Summary: useState vs. useReducer
  198. Урок 198. 00:19:51
    CHALLENGE #1: Creating a Bank Account With useReducer
  199. Урок 199. 00:01:02
    Section Overview
  200. Урок 200. 00:15:42
    Creating Our First App With Vite: "WorldWise"
  201. Урок 201. 00:06:41
    Routing and Single-Page Applications (SPAs)
  202. Урок 202. 00:12:16
    Implementing Main Pages and Routes
  203. Урок 203. 00:09:58
    Linking Between Routes With <Link /> and <NavLink />
  204. Урок 204. 00:05:51
    Styling Options For React Applications
  205. Урок 205. 00:16:31
    Using CSS Modules
  206. Урок 206. 00:17:00
    Building the Pages
  207. Урок 207. 00:08:45
    Building the App Layout
  208. Урок 208. 00:13:26
    Nested Routes and Index Route
  209. Урок 209. 00:18:43
    Implementing the Cities List
  210. Урок 210. 00:11:08
    Implementing the Countries List
  211. Урок 211. 00:05:32
    Storing State in the URL
  212. Урок 212. 00:10:29
    Dynamic Routes With URL Parameters
  213. Урок 213. 00:10:35
    Reading and Setting a Query String
  214. Урок 214. 00:11:51
    Programmatic Navigation with useNavigate
  215. Урок 215. 00:04:13
    Programmatic Navigation with <Navigate />
  216. Урок 216. 00:01:00
    Section Overview
  217. Урок 217. 00:04:23
    CHALLENGE #1: Understand "The Atomic Blog" App
  218. Урок 218. 00:05:17
    What is the Context API?
  219. Урок 219. 00:09:28
    Creating and Providing a Context
  220. Урок 220. 00:10:54
    Consuming the Context
  221. Урок 221. 00:16:16
    Advanced Pattern: A Custom Provider and Hook
  222. Урок 222. 00:11:39
    Thinking In React: Advanced State Management
  223. Урок 223. 00:08:33
    Back to "WorldWise": Creating a CitiesContext
  224. Урок 224. 00:04:27
    Consuming the CitiesContext
  225. Урок 225. 00:17:59
    Finishing the City View
  226. Урок 226. 00:09:26
    Including a Map With the Leaflet Library
  227. Урок 227. 00:05:59
    Displaying City Markers on Map
  228. Урок 228. 00:13:39
    Interacting With the Map
  229. Урок 229. 00:11:34
    Setting Map Position With Geolocation
  230. Урок 230. 00:17:43
    Fetching City Data in the Form
  231. Урок 231. 00:23:29
    Creating a New City
  232. Урок 232. 00:05:38
    Deleting a City
  233. Урок 233. 00:22:39
    Advanced State Management System: Context + useReducer
  234. Урок 234. 00:11:04
    Adding Fake Authentication: Setting Up Context
  235. Урок 235. 00:16:25
    Adding Fake Authentication: Implementing "Login"
  236. Урок 236. 00:11:22
    Adding Fake Authentication: Protecting a Route
  237. Урок 237. 00:08:23
    CHALLENGE #2: Refactoring "React Quiz" to Context API
  238. Урок 238. 00:01:04
    Section Overview
  239. Урок 239. 00:06:07
    Performance Optimization and Wasted Renders
  240. Урок 240. 00:08:22
    The Profiler Developer Tool
  241. Урок 241. 00:11:50
    A Surprising Optimization Trick With children
  242. Урок 242. 00:05:30
    Understanding memo
  243. Урок 243. 00:13:18
    memo in Practice
  244. Урок 244. 00:06:40
    Understanding useMemo and useCallback
  245. Урок 245. 00:08:43
    useMemo in Practice
  246. Урок 246. 00:10:10
    useCallback in Practice
  247. Урок 247. 00:14:49
    Optimizing Context Re-Renders
  248. Урок 248. 00:12:38
    Back to The "WorldWise" App
  249. Урок 249. 00:15:53
    Optimizing Bundle Size With Code Splitting
  250. Урок 250. 00:03:00
    Don't Optimize Prematurely!
  251. Урок 251. 00:10:02
    useEffect Rules and Best Practices
  252. Урок 252. 00:12:16
    CHALLENGE #1: Fix Performance Issues in "Workout Timer"
  253. Урок 253. 00:11:56
    Setting State Based on Other State Updates
  254. Урок 254. 00:15:05
    Using Helper Functions In Effects
  255. Урок 255. 00:09:53
    Closures in Effects
  256. Урок 256. 00:01:08
    Section Overview
  257. Урок 257. 00:12:15
    Introduction to Redux
  258. Урок 258. 00:10:48
    Creating a Reducer: Bank Account
  259. Урок 259. 00:09:47
    Creating a Redux Store
  260. Урок 260. 00:06:29
    Working With Action Creators
  261. Урок 261. 00:12:31
    Adding More State: Customer
  262. Урок 262. 00:11:48
    Professional Redux File Structure: State Slices
  263. Урок 263. 00:05:47
    Back to React! Connecting our Redux App With React
  264. Урок 264. 00:17:22
    Dispatching Actions from Our React App
  265. Урок 265. 00:04:51
    The Legacy Way of Connecting Components to Redux
  266. Урок 266. 00:04:29
    Redux Middleware and Thunks
  267. Урок 267. 00:17:51
    Making an API Call With Redux Thunks
  268. Урок 268. 00:10:22
    The Redux DevTools
  269. Урок 269. 00:03:41
    What is Redux Toolkit (RTK)?
  270. Урок 270. 00:04:38
    Creating the Store With RTK
  271. Урок 271. 00:21:45
    Creating the Account Slice
  272. Урок 272. 00:05:03
    Back to Thunks
  273. Урок 273. 00:09:15
    Creating the Customer Slice
  274. Урок 274. 00:07:44
    Redux vs. Context API
  275. Урок 275. 00:01:28
    Introduction to Part 4
  276. Урок 276. 00:00:52
    Section Overview
  277. Урок 277. 00:08:14
    Setting Up a New Project: "Fast React Pizza Co."
  278. Урок 278. 00:21:25
    Application Planning
  279. Урок 279. 00:08:21
    Setting Up a Professional File Structure
  280. Урок 280. 00:10:31
    A New Way Of Implementing Routes
  281. Урок 281. 00:11:19
    Building the App Layout
  282. Урок 282. 00:11:51
    Fetching Data With React Router "Loaders": Pizza Menu
  283. Урок 283. 00:06:01
    Displaying a Loading Indicator
  284. Урок 284. 00:06:25
    Handling Errors With Error Elements
  285. Урок 285. 00:12:41
    Fetching Orders
  286. Урок 286. 00:19:05
    Writing Data With React Router "Actions"
  287. Урок 287. 00:10:28
    Error Handling in Form Actions
  288. Урок 288. 00:01:00
    Section Overview
  289. Урок 289. 00:07:57
    What is Tailwind CSS?
  290. Урок 290. 00:12:04
    Setting Up Tailwind CSS
  291. Урок 291. 00:09:00
    Working With Color
  292. Урок 292. 00:10:01
    Styling Text
  293. Урок 293. 00:11:18
    The Box Model: Spacing, Borders, and Display
  294. Урок 294. 00:10:50
    Responsive Design
  295. Урок 295. 00:06:32
    Using Flexbox
  296. Урок 296. 00:12:21
    Using CSS Grid
  297. Урок 297. 00:12:13
    Styling Buttons: Element States and Transitions
  298. Урок 298. 00:10:23
    Styling Form Elements
  299. Урок 299. 00:04:29
    Reusing Styles With @apply
  300. Урок 300. 00:12:28
    Reusing Styles With React Components
  301. Урок 301. 00:06:31
    Absolute Positioning, z-index, and More
  302. Урок 302. 00:10:54
    Configuring Tailwind: Custom Font Family
  303. Урок 303. 00:18:28
    Styling the Menu
  304. Урок 304. 00:11:47
    Styling the Cart
  305. Урок 305. 00:13:22
    Styling the Order Form
  306. Урок 306. 00:13:55
    Styling the Order Overview
  307. Урок 307. 00:00:40
    Section Overview
  308. Урок 308. 00:13:25
    Modeling the "User" State With Redux Toolkit
  309. Урок 309. 00:10:38
    Reading and Updating the User State
  310. Урок 310. 00:14:21
    Modeling the "Cart" State
  311. Урок 311. 00:07:07
    Adding Menu Items to the Cart
  312. Урок 312. 00:09:00
    Building the Cart Overview With Redux Selectors
  313. Урок 313. 00:07:06
    Building the Cart Page
  314. Урок 314. 00:14:45
    Deleting Cart Items
  315. Урок 315. 00:13:33
    Updating Cart Quantities
  316. Урок 316. 00:14:32
    Using the Cart for New Orders
  317. Урок 317. 00:16:05
    Redux Thunks With createAsyncThunk
  318. Урок 318. 00:16:05
    Integrating Geolocation
  319. Урок 319. 00:12:45
    Fetching Data Without Navigation: useFetcher
  320. Урок 320. 00:14:38
    Updating Data Without Navigation
  321. Урок 321. 00:00:55
    Section Overview
  322. Урок 322. 00:18:30
    Application Planning
  323. Урок 323. 00:08:12
    Setting Up the Project: "The Wild Oasis"
  324. Урок 324. 00:12:23
    Introduction to Styled Components
  325. Урок 325. 00:14:37
    Global Styles With Styled Components
  326. Урок 326. 00:10:26
    Styled Component Props and the "css" Function
  327. Урок 327. 00:11:04
    Building More Reusable Styled Components
  328. Урок 328. 00:06:28
    Setting Up Pages and Routes
  329. Урок 329. 00:14:22
    Building the App Layout
  330. Урок 330. 00:13:10
    Building the Sidebar and Main Navigation
  331. Урок 331. 00:00:47
    Section Overview
  332. Урок 332. 00:02:25
    What is Supabase?
  333. Урок 333. 00:05:28
    Creating a New Database
  334. Урок 334. 00:05:35
    Modeling Application State
  335. Урок 335. 00:09:32
    Creating Tables
  336. Урок 336. 00:08:30
    Relationships Between Tables
  337. Урок 337. 00:06:19
    Adding Security Policies (RLS)
  338. Урок 338. 00:08:46
    Connecting Supabase With Our React App
  339. Урок 339. 00:04:40
    Setting Up Storage Buckets
  340. Урок 340. 00:00:47
    Section Overview
  341. Урок 341. 00:06:21
    What is React Query?
  342. Урок 342. 00:07:20
    Setting Up React Query
  343. Урок 343. 00:21:42
    Fetching Cabin Data
  344. Урок 344. 00:17:22
    Mutations: Deleting a Cabin
  345. Урок 345. 00:08:42
    Displaying Toasts (Notifications)
  346. Урок 346. 00:11:18
    Introducing Another Library: React Hook Form
  347. Урок 347. 00:12:14
    Creating a New Cabin
  348. Урок 348. 00:22:43
    Handling Form Errors
  349. Урок 349. 00:14:42
    Uploading Images to Supabase
  350. Урок 350. 00:30:41
    Editing a Cabin
  351. Урок 351. 00:17:27
    Abstracting React Query Into Custom Hooks
  352. Урок 352. 00:06:50
    Duplicating Cabins
  353. Урок 353. 00:08:48
    Fetching Applications Settings
  354. Урок 354. 00:11:29
    Updating Application Settings
  355. Урок 355. 00:01:14
    Section Overview
  356. Урок 356. 00:05:45
    An Overview of Reusability in React
  357. Урок 357. 00:06:20
    Setting Up an Example
  358. Урок 358. 00:07:43
    The Render Props Pattern
  359. Урок 359. 00:08:07
    A Look at Higher-Order Components (HOC)
  360. Урок 360. 00:18:18
    The Compound Component Pattern
  361. Урок 361. 00:19:55
    Building a Modal Window Using a React Portal
  362. Урок 362. 00:21:46
    Converting the Modal to a Compound Component
  363. Урок 363. 00:13:38
    Detecting a Click Outside the Modal
  364. Урок 364. 00:08:43
    Confirming Cabin Deletions
  365. Урок 365. 00:11:46
    Building a Reusable Table
  366. Урок 366. 00:04:39
    Applying the Render Props Pattern
  367. Урок 367. 00:32:36
    Building a Reusable Context Menu
  368. Урок 368. 00:01:18
    Section Overview
  369. Урок 369. 00:18:50
    Client-Side Filtering: Filtering Cabins
  370. Урок 370. 00:20:26
    Client-Side Sorting: Sorting Cabins
  371. Урок 371. 00:18:00
    Building the Bookings Table
  372. Урок 372. 00:06:16
    Uploading Sample Data
  373. Урок 373. 00:17:11
    API-Side Filtering: Filtering Bookings
  374. Урок 374. 00:06:54
    API-Side Sorting: Sorting Bookings
  375. Урок 375. 00:15:53
    Building a Reusable Pagination Component
  376. Урок 376. 00:10:40
    API-Side Pagination: Paginating Bookings
  377. Урок 377. 00:07:59
    Prefetching With React Query
  378. Урок 378. 00:15:18
    Building the Single Booking Page
  379. Урок 379. 00:28:19
    Checking In a Booking
  380. Урок 380. 00:14:05
    Adding Optional Breakfast
  381. Урок 381. 00:09:51
    Checking Out a Booking (+ Fixing a Small Bug)
  382. Урок 382. 00:13:34
    Deleting a Booking
  383. Урок 383. 00:22:07
    Authentication: User Login With Supabase
  384. Урок 384. 00:23:25
    Authorization: Protecting Routes
  385. Урок 385. 00:09:01
    User Logout
  386. Урок 386. 00:05:36
    Fixing an Important Bug
  387. Урок 387. 00:11:00
    Building the Sign Up Form
  388. Урок 388. 00:15:02
    User Sign Up
  389. Урок 389. 00:04:41
    Authorization on Supabase: Protecting Database (RLS)
  390. Урок 390. 00:10:19
    Building The App Header
  391. Урок 391. 00:28:27
    Updating User Data and Password
  392. Урок 392. 00:21:30
    Implementing Dark Mode With CSS Variables
  393. Урок 393. 00:04:27
    Building the Dashboard Layout
  394. Урок 394. 00:15:22
    Computing Recent Bookings and Stays
  395. Урок 395. 00:12:03
    Displaying Statistics
  396. Урок 396. 00:22:56
    Displaying a Line Chart With the Recharts Library
  397. Урок 397. 00:15:53
    Displaying a Pie Chart
  398. Урок 398. 00:20:42
    Displaying Stays for Current Day
  399. Урок 399. 00:09:45
    Error Boundaries
  400. Урок 400. 00:14:40
    Final Touches + Fixing Bugs
  401. Урок 401. 00:01:10
    Section Overview
  402. Урок 402. 00:11:21
    Deploying to Netlify
  403. Урок 403. 00:16:17
    Setting Up a Git and GitHub Repository
  404. Урок 404. 00:05:55
    Deploying to Vercel
  405. Урок 405. 00:01:24
    Introduction to Part 5
  406. Урок 406. 00:00:47
    Section Overview
  407. Урок 407. 00:15:46
    An Overview of Server-Side Rendering (SSR)
  408. Урок 408. 00:26:34
    Experiment: Manual SSR With React DOM + Node.js
  409. Урок 409. 00:06:34
    The Missing Piece: Hydration
  410. Урок 410. 00:15:05
    Implementing Hydration
  411. Урок 411. 00:12:04
    What is Next.js?
  412. Урок 412. 00:10:12
    Setting Up a Next.js Project
  413. Урок 413. 00:09:40
    Defining Routes and Pages
  414. Урок 414. 00:09:26
    Navigating Between Pages
  415. Урок 415. 00:12:14
    Creating a Layout
  416. Урок 416. 00:32:05
    What are React Server Components? (RSC – Part 1)
  417. Урок 417. 00:06:37
    Fetching Data in a Page
  418. Урок 418. 00:08:03
    Adding Interactivity With Client Components
  419. Урок 419. 00:06:30
    Displaying a Loading Indicator
  420. Урок 420. 00:18:36
    How RSC Works Behind the Scenes (RSC – Part 2)
  421. Урок 421. 00:12:16
    RSC vs. SSR: How are They Related? (RSC – Part 3)
  422. Урок 422. 00:00:52
    Section Overview
  423. Урок 423. 00:13:10
    Project Planning: "The Wild Oasis" Customer Website
  424. Урок 424. 00:11:02
    Project Organization
  425. Урок 425. 00:09:25
    Styling With Tailwind CSS
  426. Урок 426. 00:10:26
    Adding Page Metadata and Favicon
  427. Урок 427. 00:06:25
    Loading and Optimizing Fonts
  428. Урок 428. 00:07:03
    Improving the Navigation and Root Layout
  429. Урок 429. 00:08:40
    Optimizing Images With Next.js <Image /> Component
  430. Урок 430. 00:09:48
    Building the Home Page
  431. Урок 431. 00:13:31
    Building the About Page With Responsive Images
  432. Урок 432. 00:06:56
    Adding Nested Routes and Pages
  433. Урок 433. 00:12:14
    Adding a Nested Layout
  434. Урок 434. 00:01:04
    Section Overview
  435. Урок 435. 00:11:45
    Setting Up Supabase
  436. Урок 436. 00:11:14
    Fetching and Displaying Cabin List
  437. Урок 437. 00:07:16
    Streaming Route Segments With loading.js File
  438. Урок 438. 00:12:19
    What is React Suspense?
  439. Урок 439. 00:10:30
    Streaming UI With Suspense: Cabin List
  440. Урок 440. 00:10:26
    Dynamic Route Segments: Building the Cabin Page
  441. Урок 441. 00:03:40
    Generating Dynamic Metadata
  442. Урок 442. 00:09:04
    Error Handling: Setting Up Error Boundaries
  443. Урок 443. 00:05:46
    Error Handling: "Not Found" Errors
  444. Урок 444. 00:14:15
    Different Types of SSR: Static vs. Dynamic Rendering
  445. Урок 445. 00:04:49
    Analyzing Rendering in Our App
  446. Урок 446. 00:08:34
    Making Dynamic Pages Static With generateStaticParams
  447. Урок 447. 00:09:13
    Static Site Generation (SSG)
  448. Урок 448. 00:06:58
    Partial Pre-Rendering
  449. Урок 449. 00:18:29
    How Next.js Caches Data
  450. Урок 450. 00:20:40
    Experimenting With Caching and ISR
  451. Урок 451. 00:03:47
    CHALLENGE #1: Fetching the Number of Cabins
  452. Урок 452. 00:01:14
    Section Overview
  453. Урок 453. 00:15:07
    Blurring the Boundary Between Server and Client (RSC – Part 4)
  454. Урок 454. 00:08:16
    Client Components in Server Components
  455. Урок 455. 00:07:46
    Highlighting Current Side Navigation Link
  456. Урок 456. 00:34:29
    Sharing State Between Client and Server: The URL
  457. Урок 457. 00:10:41
    Advanced: Server Components in Client Components
  458. Урок 458. 00:27:01
    Data Fetching Strategies for the Reservation Section
  459. Урок 459. 00:25:48
    Using the Context API for State Management
  460. Урок 460. 00:11:36
    Creating an API Endpoint With Route Handlers
  461. Урок 461. 00:00:55
    Section Overview
  462. Урок 462. 00:21:39
    Setting Up NextAuth
  463. Урок 463. 00:14:12
    Getting the User Session
  464. Урок 464. 00:04:13
    What is Middleware in Next.js?
  465. Урок 465. 00:10:54
    Protecting Routes With NextAuth Middleware
  466. Урок 466. 00:12:19
    Building a Custom Sign In Page
  467. Урок 467. 00:03:23
    Building a Custom Sign Out Button
  468. Урок 468. 00:14:36
    Creating a New Guest on First Sign In
  469. Урок 469. 00:01:08
    Section Overview
  470. Урок 470. 00:12:02
    What are Server Actions?
  471. Урок 471. 00:30:44
    Updating the Profile Using a Server Action
  472. Урок 472. 00:05:53
    Manual Cache Revalidation
  473. Урок 473. 00:07:56
    Displaying a Loading Indicator: The useFormStatus Hook
  474. Урок 474. 00:10:28
    Building the Guest's Reservations Page
  475. Урок 475. 00:19:31
    Deleting a Reservation
  476. Урок 476. 00:07:28
    Another Loading Indicator: The useTransition Hook
  477. Урок 477. 00:30:25
    CHALLENGE #1: Updating a Reservation
  478. Урок 478. 00:22:23
    Removing Reservations Immediately: The useOptimistic Hook
  479. Урок 479. 00:12:10
    Back to the Cabin Page: Finishing the Date Selector
  480. Урок 480. 00:32:29
    Creating a New Reservation
  481. Урок 481. 00:00:49
    Section Overview
  482. Урок 482. 00:03:25
    Setting Up the GitHub Repository
  483. Урок 483. 00:06:19
    Deploying to Vercel
  484. Урок 484. 00:08:12
    Updating Environment Variables and OAuth Credentials
  485. Урок 485. 00:01:08
    Section Overview
  486. Урок 486. 00:08:53
    Setting Up Another Project
  487. Урок 487. 00:07:37
    Routes, Pages, and Navigation
  488. Урок 488. 00:03:34
    Dynamic Routes
  489. Урок 489. 00:06:38
    Creating a Layout With a Custom _App
  490. Урок 490. 00:02:29
    Creating Pages
  491. Урок 491. 00:06:04
    Defining Page Title and Favicon
  492. Урок 492. 00:08:13
    Fetching Data With getStaticProps (SSG)
  493. Урок 493. 00:10:51
    Fetching Data With getServerSideProps (SSR)
  494. Урок 494. 00:11:57
    API Routes
  495. Урок 495. 00:15:42
    Handling Form Submissions
  496. Урок 496. 00:03:21
    Where to Go from Here