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