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

  1. Урок 1. 00:08:39
    Installing Nodejs and VSCode - MAC (Skip if you have it)
  2. Урок 2. 00:04:47
    Installing Nodejs on a PC (Skip if you have)
  3. Урок 3. 00:02:22
    Using Visual Studio Code on a PC (Skip if you have)
  4. Урок 4. 00:02:37
    Introduction - early course layout - and github repo
  5. Урок 5. 00:11:52
    Optional - A brief history of JS and why we need React
  6. Урок 6. 00:04:52
    How we'll use Express in this section
  7. Урок 7. 00:03:12
    REQUIRED - Making a basic Express server for development
  8. Урок 8. 00:05:47
    Your First React Program
  9. Урок 9. 00:07:26
    Uhh, What Just Happend?
  10. Урок 10. 00:17:42
    JSX & Babel
  11. Урок 11. 00:05:39
    ReactDom.render() and the virtual DOM
  12. Урок 12. 00:08:12
    Components
  13. Урок 13. 00:10:41
    Props
  14. Урок 14. 00:06:53
    PRACTICE! - Using Components and Props
  15. Урок 15. 00:06:11
    Multiple Components in an Array
  16. Урок 16. 00:09:30
    Components as Classes
  17. Урок 17. 00:13:21
    PRACTICE! - Class, Array. and Components
  18. Урок 18. 00:08:06
    Breaking Down Components - Part 1
  19. Урок 19. 00:12:08
    Breaking Down Components - Part 2
  20. Урок 20. 00:12:15
    Section Review
  21. Урок 21. 00:03:36
    Create React App - making development easier
  22. Урок 22. 00:07:29
    Create React App - the node modules
  23. Урок 23. 00:12:08
    Coding in Create React App
  24. Урок 24. 00:12:02
    What is state? (no coding)
  25. Урок 25. 00:10:27
    State in Action
  26. Урок 26. 00:07:30
    State do's and don'ts
  27. Урок 27. 00:11:01
    Events in React
  28. Урок 28. 00:01:39
    Available events
  29. Урок 29. 00:10:31
    Changing state with an event
  30. Урок 30. 00:02:22
    Practicing with state
  31. Урок 31. 00:09:32
    Practicing with state - walkthrough
  32. Урок 32. 00:19:15
    State and props together
  33. Урок 33. 00:08:28
    Stateless Components vs. Stateful Components
  34. Урок 34. 00:04:37
    Stateless vs Stateful example
  35. Урок 35. 00:04:17
    Section Intro
  36. Урок 36. 00:04:12
    Getting started with axios & HTTP
  37. Урок 37. 00:03:32
    Using Axios and a free api (openweathermap.org)
  38. Урок 38. 00:13:29
    The Component Lifecycle
  39. Урок 39. 00:04:38
    The Docs
  40. Урок 40. 00:07:33
    The Lifecycle - componentDidMount()
  41. Урок 41. 00:02:33
    The Lifecycle - render()
  42. Урок 42. 00:07:54
    More practice with render, state, and http
  43. Урок 43. 00:06:08
    Adding an input box
  44. Урок 44. 00:12:59
    The Lifecycle - componentDidUpdate()
  45. Урок 45. 00:10:47
    Practice - Refactoring the weather widget
  46. Урок 46. 00:05:38
    The Lifecycle - componentWillUnmount()
  47. Урок 47. 00:01:14
    The plan for the next few videos
  48. Урок 48. 00:12:33
    Managing forms with State
  49. Урок 49. 00:08:28
    Data flows down, so pass state up! Part 1
  50. Урок 50. 00:15:27
    Data flows down, so pass state up! Part 2
  51. Урок 51. 00:06:29
    Styling components
  52. Урок 52. 00:02:24
    Project Demo
  53. Урок 53. 00:04:56
    Setting up our app structure
  54. Урок 54. 00:08:28
    QuizBar and FontAwesome glyphicons
  55. Урок 55. 00:10:37
    QuizType - a component inside QuizBar
  56. Урок 56. 00:03:32
    Cleaning up QuizBar
  57. Урок 57. 00:09:41
    Flash Card Component
  58. Урок 58. 00:09:55
    Getting our data with Axios
  59. Урок 59. 00:04:26
    Adding a spinner
  60. Урок 60. 00:07:33
    Adding Flash Card Component Logic
  61. Урок 61. 00:08:24
    Moving State up one last time
  62. Урок 62. 00:06:11
    Intro to React Rrouter
  63. Урок 63. 00:10:50
    Router, Route, and Link
  64. Урок 64. 00:10:09
    NavLink and Making a NavBar
  65. Урок 65. 00:03:55
    Routes with Component vs. Render
  66. Урок 66. 00:06:53
    Nested Routes
  67. Урок 67. 00:12:34
    Router Component Props - history, location, and match
  68. Урок 68. 00:08:51
    Dynamic URL's and URL params & Short Review
  69. Урок 69. 00:14:05
    Mini-Project - Movie Fan App
  70. Урок 70. 00:08:34
    Mini-Project - Continued
  71. Урок 71. 00:07:45
    Mini-Project - Finished
  72. Урок 72. 00:08:41
    What is Redux?
  73. Урок 73. 00:12:04
    Redux and React
  74. Урок 74. 00:08:11
    How Redux works
  75. Урок 75. 00:15:44
    Wiring Up Redux
  76. Урок 76. 00:17:45
    CONNECTing Redux and React
  77. Урок 77. 00:08:44
    Adding more reducers to our store
  78. Урок 78. 00:13:30
    Adding an action creator and action
  79. Урок 79. 00:18:48
    Adding the dispatcher
  80. Урок 80. 00:12:18
    Adding Meat and Produce
  81. Урок 81. 00:09:04
    STOP: REVIEW
  82. Урок 82. 00:07:24
    Adding the Router
  83. Урок 83. 00:09:10
    Getting a little more out of redux
  84. Урок 84. 00:08:40
    Getting a little more out of redux - an action
  85. Урок 85. 00:01:36
    Section Intro
  86. Урок 86. 00:09:25
    Quick review of reducers, actions and action creators
  87. Урок 87. 00:12:28
    Trying axios/http without middleware (overview of codebase)
  88. Урок 88. 00:05:25
    Redux-promise
  89. Урок 89. 00:13:28
    Redux-thunk
  90. Урок 90. 00:03:34
    Project Intro & Demo
  91. Урок 91. 00:07:12
    Thinking through our app structure
  92. Урок 92. 00:02:42
    Create React App and folder setup
  93. Урок 93. 00:05:32
    Index.js & Redux
  94. Урок 94. 00:02:52
    App.js & React Router
  95. Урок 95. 00:05:17
    Overview of the api
  96. Урок 96. 00:10:32
    NavBar Component
  97. Урок 97. 00:18:07
    Home - SearchBox (mostly markup and css)
  98. Урок 98. 00:12:48
    City, Slider, & Spinner components
  99. Урок 99. 00:03:47
    Make the Spinner component
  100. Урок 100. 00:11:01
    Add Cities to the homepage (with some refactoring)
  101. Урок 101. 00:12:59
    Add the Slider and put the cities inside
  102. Урок 102. 00:06:57
    Refactor Home - Part 1
  103. Урок 103. 00:07:07
    Refactor Home - Part 2 - Promise.all()
  104. Урок 104. 00:08:24
    Build Activties
  105. Урок 105. 00:11:46
    Finish Activity component
  106. Урок 106. 00:01:34
    Houses assignment
  107. Урок 107. 00:12:10
    Single City Component
  108. Урок 108. 00:11:01
    Single City Component - Part 2
  109. Урок 109. 00:07:16
    Single City Component - Part 3
  110. Урок 110. 00:01:42
    Login, Registration, & Modal
  111. Урок 111. 00:17:36
    The return of REDUX!! Build the Modal
  112. Урок 112. 00:09:36
    Filling in the Modal content
  113. Урок 113. 00:02:02
    Auth - intro
  114. Урок 114. 00:08:31
    What is HTTP and what does it have to do with auth?
  115. Урок 115. 00:05:18
    An actual HTTP message
  116. Урок 116. 00:08:46
    The problem with HTTP and Auth
  117. Урок 117. 00:06:10
    How a JWT works
  118. Урок 118. 00:13:32
    SignUp Component Refactor
  119. Урок 119. 00:07:29
    Login Component Refactor
  120. Урок 120. 00:02:55
    Login and Signup endpoints
  121. Урок 121. 00:08:31
    Getting our JWT (JSON Web Token)
  122. Урок 122. 00:07:17
    Getting feedback to the user
  123. Урок 123. 00:10:21
    Auth and redux
  124. Урок 124. 00:07:48
    Updating components on signup/login
  125. Урок 125. 00:04:26
    Logout
  126. Урок 126. 00:04:18
    Login Challenge
  127. Урок 127. 00:09:27
    Redux Persist (middleware) - keep redux (and login) from resetting!
  128. Урок 128. 00:07:37
    Redux Persist - Part 2
  129. Урок 129. 00:02:53
    Remaining Project Goals
  130. Урок 130. 00:12:47
    SingleCity, many Venues component
  131. Урок 131. 00:10:36
    Displaying reserve a room
  132. Урок 132. 00:10:07
    Momentjs & Validate Reserve Dates
  133. Урок 133. 00:13:09
    Adding an external Script file to a component
  134. Урок 134. 00:00:43
    An annoying bug fix
  135. Урок 135. 00:13:47
    Integration with Stripe
  136. Урок 136. 00:03:34
    Setup payment success page and & component
  137. Урок 137. 00:04:41
    Payment Success Structure (markup)
  138. Урок 138. 00:07:30
    Payment Success Data
  139. Урок 139. 00:01:53
    Payment Success Finishing Options
  140. Урок 140. 00:04:33
    Account Page Prep
  141. Урок 141. 00:02:51
    Account Page Review
  142. Урок 142. 00:06:04
    AccountSideBar and Page Routes
  143. Урок 143. 00:11:21
    Fetch and sort data, and pass to Bookings
  144. Урок 144. 00:09:20
    Booking Markup
  145. Урок 145. 00:10:34
    Cancel a reservation
  146. Урок 146. 00:07:57
    Search Box
  147. Урок 147. 00:07:43
    Search Page
  148. Урок 148. 00:05:42
    Building our app (or any React app)
  149. Урок 149. 00:06:44
    Intro & npm run build
  150. Урок 150. 00:03:29
    A tour of the build folder
  151. Урок 151. 00:04:34
    Building at the root domain
  152. Урок 152. 00:03:37
    Loading Production... Locally
  153. Урок 153. 00:10:12
    The homepage property
  154. Урок 154. 00:09:04
    React.lazy
  155. Урок 155. 00:08:46
    React.Suspense
  156. Урок 156. 00:01:50
    Section Intro
  157. Урок 157. 00:11:40
    An intro to hooks and should you use them?
  158. Урок 158. 00:12:36
    Using React to explain OOP and functional programming - BACKGROUND
  159. Урок 159. 00:04:48
    Paradigm Chart
  160. Урок 160. 00:08:54
    Paradigm 1 - Imperative & Procedural
  161. Урок 161. 00:03:52
    Paradigm 2 - Imperative & OOP
  162. Урок 162. 00:16:27
    Paradigm 3 - Procedural & Functional
  163. Урок 163. 00:07:21
    Paradigm 4 - OOP & Functional
  164. Урок 164. 00:08:24
    Back to Hooks
  165. Урок 165. 00:13:42
    The return of the weather widget!
  166. Урок 166. 00:09:17
    useEffect
  167. Урок 167. 00:08:33
    useEffect explained
  168. Урок 168. 00:09:41
    The docs - componentWillUnmount & multiple useEffect
  169. Урок 169. 00:04:21
    Refactoring a class - weatherAppHooks
  170. Урок 170. 00:04:34
    New Project Clone
  171. Урок 171. 00:07:05
    Refactor the Search component
  172. Урок 172. 00:06:20
    The Rules of Hooks
  173. Урок 173. 00:08:48
    Custom Hooks
  174. Урок 174. 00:10:39
    The structure of a custom hook
  175. Урок 175. 00:04:54
    Redux with Hooks
  176. Урок 176. 00:05:26
    Getting ready for redux - refactor Account
  177. Урок 177. 00:07:05
    Using redux with hooks - useSelector
  178. Урок 178. 00:02:21
    Using redux with hooks - useDispatch
  179. Урок 179. 00:09:28
    useDispatch in Action - Login
  180. Урок 180. 00:01:39
    useStore hook
  181. Урок 181. 00:06:48
    All 4 hooks! NavBar
  182. Урок 182. 00:05:00
    What is context?
  183. Урок 183. 00:09:54
    Making a context
  184. Урок 184. 00:09:12
    Context Provider
  185. Урок 185. 00:04:22
    Context Consumer
  186. Урок 186. 00:05:08
    Changing Context down stream
  187. Урок 187. 00:01:10
    Short Review of What Context Is
  188. Урок 188. 00:06:19
    Context with classes
  189. Урок 189. 00:03:22
    I’ve heard it replaces Redux. Does it?
  190. Урок 190. 00:01:02
    Intro to section
  191. Урок 191. 00:05:36
    Let & Const
  192. Урок 192. 00:04:07
    Template Literals
  193. Урок 193. 00:03:24
    Object Literals
  194. Урок 194. 00:08:02
    Destructuring and Spread
  195. Урок 195. 00:06:58
    Rocket Functions
  196. Урок 196. 00:04:58
    Classes - constructor/prototype review (the original way)
  197. Урок 197. 00:06:22
    Classes and sub classes - the 2015 version of a constructor
  198. Урок 198. 00:03:56
    Overriding methods in child classes
  199. Урок 199. 00:03:23
    How we'll use classes in this course