1. Урок 1. 00:01:43
    Welcome to the Course!
  2. Урок 2. 00:03:36
    Intro to React
  3. Урок 3. 00:05:04
    Is React a Framework or Library?
  4. Урок 4. 00:10:33
    Introducing Components!
  5. Урок 5. 00:04:32
    Looking at a Large App
  6. Урок 6. 00:03:45
    Setting Up Your Server
  7. Урок 7. 00:09:33
    Writing Our First Component
  8. Урок 8. 00:04:10
    Function Vs. Class Components
  9. Урок 9. 00:05:06
    Download All Code, Slides, & Handouts
  10. Урок 10. 00:04:44
    Basics Rules of JSX
  11. Урок 11. 00:03:33
    How JSX Works Behind the Scenes
  12. Урок 12. 00:03:45
    Embedding JavaScript in JSX
  13. Урок 13. 00:09:14
    Conditionals in JSX
  14. Урок 14. 00:05:09
    Standard React App Layout
  15. Урок 15. 00:05:58
    Intro to React Props
  16. Урок 16. 00:02:22
    Props are Immutable?
  17. Урок 17. 00:05:54
    Other Types of Props
  18. Урок 18. 00:02:04
    Pie Chart Component Demo w/ Props
  19. Урок 19. 00:01:38
    EXERCISE: Slot Machine
  20. Урок 20. 00:06:48
    EXERCISE: Slot Machine Solution
  21. Урок 21. 00:05:20
    Looping in JSX
  22. Урок 22. 00:02:43
    Adding Default Props
  23. Урок 23. 00:08:57
    Styling React
  24. Урок 24. 00:02:59
    Intro to Create React App
  25. Урок 25. 00:04:26
    2 Ways of Installing CRA
  26. Урок 26. 00:05:07
    Creating a New App
  27. Урок 27. 00:05:07
    Starting Up the Server
  28. Урок 28. 00:11:06
    Modules: Import & Export Crash Course
  29. Урок 29. 00:02:44
    EXERICSE: Fruits Modules
  30. Урок 30. 00:07:40
    EXERCISE: Fruits Modules Solution
  31. Урок 31. 00:03:11
    Create React App Conventions
  32. Урок 32. 00:07:52
    CSS and Assets in Create React App
  33. Урок 33. 00:07:02
    Intro To Pokedex Exercise
  34. Урок 34. 00:07:40
    Creating Pokecard Component
  35. Урок 35. 00:04:29
    Adding Pokedex Component
  36. Урок 36. 00:06:29
    Styling PokeCard and Pokedex
  37. Урок 37. 00:02:44
    Adding Fancier Images
  38. Урок 38. 00:09:17
    The PokeGame Component
  39. Урок 39. 00:09:13
    Styling Pokegame
  40. Урок 40. 00:02:02
    State Goals
  41. Урок 41. 00:03:13
    Quick Detour: React Dev Tools
  42. Урок 42. 00:03:34
    State in General
  43. Урок 43. 00:08:38
    Initializing State
  44. Урок 44. 00:09:18
    IMPORTANT! ALTERNATE SYNTAX
  45. Урок 45. 00:07:25
    WTF is super() Vs. super(props)
  46. Урок 46. 00:10:25
    Setting State Correctly
  47. Урок 47. 00:10:50
    Crash Course: Click Events in React
  48. Урок 48. 00:05:53
    ALTERNATE SYNTAX PT 2
  49. Урок 49. 00:01:49
    EXERCISE: State Clicker
  50. Урок 50. 00:07:26
    EXERCISE: State Clicker Solution
  51. Урок 51. 00:03:03
    The "State As Props" Design Pattern
  52. Урок 52. 00:08:22
    Introduction to Dice Exercise
  53. Урок 53. 00:06:08
    Writing the Die Component
  54. Урок 54. 00:09:03
    Adding the RollDice Component
  55. Урок 55. 00:04:06
    Styling RollDice
  56. Урок 56. 00:10:37
    Animating Dice Rolls!
  57. Урок 57. 00:10:42
    Updating Existing State
  58. Урок 58. 00:10:16
    Mutating State the Safe Way
  59. Урок 59. 00:04:05
    Designing State: Minimizing State
  60. Урок 60. 00:04:02
    Designing State: Downward Data Flow
  61. Урок 61. 00:03:52
    State Design Example: Lottery
  62. Урок 62. 00:04:03
    State Design Example: LottoBall Component
  63. Урок 63. 00:11:35
    State Design Example: Lottery Component
  64. Урок 64. 00:02:46
    State Exercise 1: Coin Flipper
  65. Урок 65. 00:18:30
    State Exercise 1: Coin Flipper Solution
  66. Урок 66. 00:02:36
    State Exercise 2: Color Boxes
  67. Урок 67. 00:10:17
    State Exercise 2: Color Boxes Solution
  68. Урок 68. 00:09:45
    Commonly Used React Events
  69. Урок 69. 00:09:37
    The Joys of Method Binding :(
  70. Урок 70. 00:05:04
    Alternative Binding With Class Properties
  71. Урок 71. 00:05:51
    Binding With Arguments
  72. Урок 72. 00:12:01
    Passing Methods to Child Components
  73. Урок 73. 00:02:05
    Parent-Child Method Naming
  74. Урок 74. 00:07:44
    Quick Detour: React Keys
  75. Урок 75. 00:08:01
    Introducing The Hangman Exercise
  76. Урок 76. 00:10:08
    Starter Code Walkthrough
  77. Урок 77. 00:01:45
    Adding Keys
  78. Урок 78. 00:01:37
    Tracking Incorrect Guesses
  79. Урок 79. 00:06:20
    Adding Game Over
  80. Урок 80. 00:01:55
    Adding Alt Text
  81. Урок 81. 00:02:18
    Randomizing Words
  82. Урок 82. 00:03:14
    Adding a Reset Button
  83. Урок 83. 00:08:24
    Making the Game Winnable & Styling
  84. Урок 84. 00:03:08
    Introducing Lights Out
  85. Урок 85. 00:09:29
    Exploring the Starter Code
  86. Урок 86. 00:11:17
    Displaying the Game Board
  87. Урок 87. 00:05:10
    Flipping Cells
  88. Урок 88. 00:03:25
    Winning the Game
  89. Урок 89. 00:11:04
    Styling the Game
  90. Урок 90. 00:10:54
    Intro to React Forms
  91. Урок 91. 00:07:22
    Writing Forms w/ Multiple Inputs
  92. Урок 92. 00:01:27
    The htmlFor Attribute
  93. Урок 93. 00:10:29
    Design Pattern: Passing Data Upwards
  94. Урок 94. 00:03:33
    Using the UUID Library
  95. Урок 95. 00:01:59
    Introduction to Box Maker Exercise
  96. Урок 96. 00:06:17
    Adding the BoxList Component
  97. Урок 97. 00:08:13
    Creating the BoxForm Component
  98. Урок 98. 00:06:09
    Removing Color Boxes
  99. Урок 99. 00:02:10
    Project Overview
  100. Урок 100. 00:05:00
    TodoList and TodoItem Components
  101. Урок 101. 00:06:04
    Adding NewTodoForm
  102. Урок 102. 00:06:35
    Removing Todos
  103. Урок 103. 00:12:09
    Editing Todos
  104. Урок 104. 00:05:32
    Toggling Todo Completion
  105. Урок 105. 00:10:44
    Styling the Todo App
  106. Урок 106. 00:08:17
    Introducing Yahtzee
  107. Урок 107. 00:13:17
    Yahtzee Starter Code Walkthrough
  108. Урок 108. 00:09:34
    Fixing the Dice Locking Bug
  109. Урок 109. 00:16:03
    Reading the Rules Classes
  110. Урок 110. 00:09:51
    Adding In New Rules
  111. Урок 111. 00:08:14
    Fixing the Re-Rolling Bug
  112. Урок 112. 00:09:22
    Preventing Score Reuse
  113. Урок 113. 00:04:01
    Adding Score Descriptions
  114. Урок 114. 00:14:08
    Replacing Text w/ Dice Icons
  115. Урок 115. 00:13:46
    Animating Dice Rolls
  116. Урок 116. 00:09:18
    Final Touches and Bug Fixes
  117. Урок 117. 00:08:48
    Introducing ComponentDidMount
  118. Урок 118. 00:06:57
    Loading Data Via AJAX
  119. Урок 119. 00:04:58
    Adding Animated Loaders
  120. Урок 120. 00:07:03
    Loading Data With Async Functions
  121. Урок 121. 00:04:21
    Introducing ComponentDidUpdate
  122. Урок 122. 00:06:38
    PrevProps and PrevState in ComponentDidUpdate
  123. Урок 123. 00:02:23
    Introducing ComponentWillUnmount
  124. Урок 124. 00:03:56
    Introducing the Cards API Project
  125. Урок 125. 00:05:25
    Requesting a Deck ID
  126. Урок 126. 00:10:38
    Fetching New Cards with AJAX
  127. Урок 127. 00:03:37
    Adding the Card Component
  128. Урок 128. 00:07:01
    Randomly Transforming Cards
  129. Урок 129. 00:05:30
    Styling Cards and Deck
  130. Урок 130. 00:06:02
    Introducing the Dad Jokes Project
  131. Урок 131. 00:07:43
    Fetching New Jokes From the API
  132. Урок 132. 00:10:08
    Styling JokeList Component
  133. Урок 133. 00:09:02
    Upvoting and Downvoting Jokes
  134. Урок 134. 00:06:00
    Styling the Joke Component
  135. Урок 135. 00:03:51
    Adding Dynamic Colors and Emojis
  136. Урок 136. 00:05:37
    Syncing with LocalStorage
  137. Урок 137. 00:03:55
    Fixing Our LocalStorage Bug
  138. Урок 138. 00:03:30
    Adding a Loading Spinner
  139. Урок 139. 00:08:08
    Preventing Duplicate Jokes
  140. Урок 140. 00:02:36
    Sorting Jokes
  141. Урок 141. 00:04:57
    Styling The Fetch Button
  142. Урок 142. 00:06:36
    Adding Animations
  143. Урок 143. 00:09:49
    Intro to Client-Side Routing
  144. Урок 144. 00:06:08
    Adding Our First Route
  145. Урок 145. 00:07:21
    Using Switch and Exact
  146. Урок 146. 00:03:38
    Intro to the Link Component
  147. Урок 147. 00:03:22
    Adding in NavLinks
  148. Урок 148. 00:09:25
    Render prop vs. Component prop in Routes
  149. Урок 149. 00:02:14
    Intro to Vending Machine Exercise
  150. Урок 150. 00:04:34
    Adding The Vending Machine Routes
  151. Урок 151. 00:04:18
    Adding the Links
  152. Урок 152. 00:06:22
    Creating the Navbar
  153. Урок 153. 00:07:03
    NEW CONCEPT: Props.children
  154. Урок 154. 00:12:47
    Working with URL Params
  155. Урок 155. 00:05:11
    Multiple Route Params
  156. Урок 156. 00:03:12
    Adding a 404 Not Found Route
  157. Урок 157. 00:05:21
    Writing a Simple Search Form
  158. Урок 158. 00:04:45
    The Redirect Component
  159. Урок 159. 00:06:14
    Pushing onto the History Prop
  160. Урок 160. 00:03:06
    Comparing History and Redirect
  161. Урок 161. 00:04:32
    withRouter Higher Order Component
  162. Урок 162. 00:02:58
    Implementing a Back Button
  163. Урок 163. 00:03:28
    Exercise Introduction
  164. Урок 164. 00:06:51
    Working with Bootstrap in React
  165. Урок 165. 00:09:31
    Writing the DogList Component
  166. Урок 166. 00:13:42
    Adding the DogDetails Component
  167. Урок 167. 00:10:01
    Creating Our Navbar Component
  168. Урок 168. 00:02:44
    Refactoring & Extracting Our Routes
  169. Урок 169. 00:03:14
    A Couple Small Tweaks
  170. Урок 170. 00:11:43
    Styling the App
  171. Урок 171. 00:09:17
    Introducing the Color App
  172. Урок 172. 00:07:49
    The New Stuff We Cover in This Project
  173. Урок 173. 00:01:58
    Finding the Final Project Code
  174. Урок 174. 00:06:00
    Creating the Palette Component
  175. Урок 175. 00:06:50
    Color Box Basics
  176. Урок 176. 00:10:35
    Styling Color Box
  177. Урок 177. 00:03:27
    Copying to Clipboard
  178. Урок 178. 00:14:51
    Copy Overlay Animation
  179. Урок 179. 00:17:12
    Generating Shades of Colors
  180. Урок 180. 00:07:40
    Adding Color Slider
  181. Урок 181. 00:06:04
    Styling the Color Slider
  182. Урок 182. 00:09:24
    Adding Navbar Component
  183. Урок 183. 00:13:51
    Intro to Material UI & Adding Select
  184. Урок 184. 00:12:10
    Adding Snackbar
  185. Урок 185. 00:04:31
    Add Palette Footer
  186. Урок 186. 00:04:09
    Integrating React Router
  187. Урок 187. 00:04:03
    Finding Palettes
  188. Урок 188. 00:06:03
    PaletteList and Links
  189. Урок 189. 00:10:51
    Introducing withStyles HOC
  190. Урок 190. 00:06:52
    Styling MiniPalette with JSS
  191. Урок 191. 00:07:38
    Styling PaletteList with JSS
  192. Урок 192. 00:07:47
    Finishing Up MiniPalette
  193. Урок 193. 00:06:27
    Linking To Palettes
  194. Урок 194. 00:05:21
    Brainstorming Single Color Palette
  195. Урок 195. 00:06:31
    Adding More Links
  196. Урок 196. 00:08:29
    Creating Single Color Palette
  197. Урок 197. 00:12:43
    Displaying Shades in Single Color Palette
  198. Урок 198. 00:09:25
    Adding Navbar and Footer
  199. Урок 199. 00:09:49
    Add Go Back Box
  200. Урок 200. 00:11:23
    Dynamic Text Color w/ Luminosity
  201. Урок 201. 00:17:32
    Refactoring More Styles
  202. Урок 202. 00:06:55
    Finish Refactoring Color Box
  203. Урок 203. 00:08:12
    Refactor Palette Styles
  204. Урок 204. 00:06:37
    Move Styles Into New Folder
  205. Урок 205. 00:08:47
    Refactor Navbar CSS
  206. Урок 206. 00:05:47
    Overview of PaletteForm
  207. Урок 207. 00:04:59
    Adding NewPaletteForm
  208. Урок 208. 00:11:22
    Adding Slide-Out Drawer
  209. Урок 209. 00:09:47
    Adding Color Picker Component
  210. Урок 210. 00:08:48
    Connecting Color Picker to Button
  211. Урок 211. 00:07:21
    Creating Draggable Color Box
  212. Урок 212. 00:12:29
    Introducing Form Validator
  213. Урок 213. 00:11:02
    Saving New Palettes
  214. Урок 214. 00:10:18
    Add Palette Name Form
  215. Урок 215. 00:06:50
    Styling Draggable Color Box
  216. Урок 216. 00:04:42
    Adding Color Box Delete
  217. Урок 217. 00:14:59
    It's Drag and Drop Time!
  218. Урок 218. 00:11:06
    Clear Palette and Random Color Buttons
  219. Урок 219. 00:13:08
    Extract New Palette Nav
  220. Урок 220. 00:11:49
    Extract Color Picker Component
  221. Урок 221. 00:05:44
    Styling Palette Form Nav
  222. Урок 222. 00:10:05
    Styling Color Picker
  223. Урок 223. 00:07:35
    Adding Modals/Dialogs
  224. Урок 224. 00:08:50
    Styling Dialog
  225. Урок 225. 00:05:23
    Closing Form & Adding Emoji
  226. Урок 226. 00:12:24
    Finish Emoji Picker Form
  227. Урок 227. 00:06:55
    Moving JSS Styles Out
  228. Урок 228. 00:07:09
    Tweak Form Styles
  229. Урок 229. 00:05:03
    Saving to LocalStorage
  230. Урок 230. 00:07:01
    Adding MiniPalette Delete Button
  231. Урок 231. 00:08:53
    Finish MiniPalette Delete
  232. Урок 232. 00:14:18
    Create Responsive Sizes Helper
  233. Урок 233. 00:07:35
    Make Color Box Responsive
  234. Урок 234. 00:09:01
    Make Form & Navbar Responsive
  235. Урок 235. 00:08:46
    Make Palette List Responsive
  236. Урок 236. 00:08:08
    Add SVG Background
  237. Урок 237. 00:12:15
    Fade Animations w/ Transition Group
  238. Урок 238. 00:16:53
    Delete Confirmation Dialog
  239. Урок 239. 00:03:25
    Fix Delete/Drag Bug
  240. Урок 240. 00:08:22
    Animating Route Transitions
  241. Урок 241. 00:09:04
    Refactoring Route Transitions
  242. Урок 242. 00:07:58
    Optimizing w/ PureComponent
  243. Урок 243. 00:03:59
    Cleaning Things Up
  244. Урок 244. 00:07:24
    More Cleaning Up!
  245. Урок 245. 00:06:03
    Fix Issues w/ New Palette Form
  246. Урок 246. 00:05:06
    Prevent Duplicate Random Colors
  247. Урок 247. 00:11:10
    Intro to Hooks & useState
  248. Урок 248. 00:15:28
    Building a Custom Hook: useToggleState
  249. Урок 249. 00:15:26
    Building a Custom Hook: useInputState
  250. Урок 250. 00:06:46
    The useEffect Hook
  251. Урок 251. 00:12:17
    Fetching Data w/ the useEffect Hook
  252. Урок 252. 00:10:16
    Intro to Hooks Project
  253. Урок 253. 00:07:57
    Adding Our Form With Hooks
  254. Урок 254. 00:10:39
    Adding Todo Item Component
  255. Урок 255. 00:08:28
    Toggling and Deletion w/ Hooks
  256. Урок 256. 00:12:07
    Editing w/ Hooks
  257. Урок 257. 00:04:57
    Small Style Tweaks
  258. Урок 258. 00:05:38
    LocalStorage w/ UseEffect Hook
  259. Урок 259. 00:06:11
    Refactoring to a Custom Hook
  260. Урок 260. 00:13:44
    Creating our UseLocaslStorateState Hook
  261. Урок 261. 00:02:45
    Where We Are Heading
  262. Урок 262. 00:08:35
    What Even is Context?
  263. Урок 263. 00:18:49
    Adding a Responsive Navbar To Our Context App
  264. Урок 264. 00:14:45
    Adding a Responsive Form to our Context App
  265. Урок 265. 00:12:44
    Intro to Context and Providers
  266. Урок 266. 00:07:57
    Consuming A Context
  267. Урок 267. 00:05:06
    Updating A Context Dynamically
  268. Урок 268. 00:13:39
    Writing the Language Context
  269. Урок 269. 00:12:22
    Consuming 2 Contexts: Enter the Higher Order Component
  270. Урок 270. 00:05:34
    Introducing the useContext Hook
  271. Урок 271. 00:03:12
    Consuming Multiple Contexts w/ Hooks
  272. Урок 272. 00:04:24
    Rewriting a Context Provider w/ Hooks
  273. Урок 273. 00:04:42
    Context Providers w/ Custom Hooks
  274. Урок 274. 00:03:04
    "Hookify-ing" the Rest of the App
  275. Урок 275. 00:09:02
    Adding In Todos Context
  276. Урок 276. 00:05:51
    Consuming the Todo Context
  277. Урок 277. 00:10:02
    The Issues w/ Our Current Approach
  278. Урок 278. 00:08:35
    WTF Is a Reducer
  279. Урок 279. 00:12:14
    First useReducer Example
  280. Урок 280. 00:13:26
    Defining our Todo Reducer
  281. Урок 281. 00:06:46
    Splitting Into 2 Contexts
  282. Урок 282. 00:05:46
    Optimizing w/ Memo
  283. Урок 283. 00:07:25
    Custom Hook: Reducer + LocalStorage
  284. Урок 284. 00:06:06
    Intro to Next
  285. Урок 285. 00:11:52
    What is Server Side Rendering?
  286. Урок 286. 00:08:29
    Getting Started w/ Next
  287. Урок 287. 00:06:36
    Basic Routing in Next
  288. Урок 288. 00:06:02
    Next's Link Component
  289. Урок 289. 00:02:09
    Links Without Anchor Tags
  290. Урок 290. 00:04:15
    Components Vs. Pages
  291. Урок 291. 00:07:20
    Overriding the Default _app.js
  292. Урок 292. 00:11:20
    Introducing getInitialProps
  293. Урок 293. 00:11:04
    Fetching Posts w/ getInitialProps
  294. Урок 294. 00:09:58
    Query Strings in Next
  295. Урок 295. 00:02:54
    withRouter Higher Order Component
  296. Урок 296. 00:08:07
    Fetching Comments
  297. Урок 297. 00:04:30
    The "as" Prop
  298. Урок 298. 00:13:14
    Custom Server Without Express
  299. Урок 299. 00:12:42
    Custom Server-Side Routes w/ Express
  300. Урок 300. 00:09:24
    What Is Webpack??
  301. Урок 301. 00:14:24
    Installing and Running Webpack
  302. Урок 302. 00:07:57
    Imports, Exports, and Webpack
  303. Урок 303. 00:09:16
    Configuring Webpack
  304. Урок 304. 00:15:15
    Webpack Loaders, CSS, & SASS
  305. Урок 305. 00:13:34
    Cache Busting and Plugins
  306. Урок 306. 00:10:17
    Splitting Dev & Production
  307. Урок 307. 00:11:22
    Html-loader, file-loader, and Clean Webpack Plugin
  308. Урок 308. 00:06:45
    Multiple Entry Points
  309. Урок 309. 00:18:19
    Extract and Minify CSS