• Урок 1. 00:04:54
    Welcome & Asking Good Questions
  • Урок 2. 00:05:11
    "Why should I learn React?"
  • Урок 3. 00:00:51
    Section Intro: Setting up Your Environment
  • Урок 4. 00:01:36
    Installing Visual Studio Code
  • Урок 5. 00:04:25
    Installing Node.js & Yarn
  • Урок 6. 00:02:08
    Section Intro: Hello React
  • Урок 7. 00:12:01
    Setting up a Web Server
  • Урок 8. 00:18:39
    Hello React
  • Урок 9. 00:17:27
    Setting up Babel
  • Урок 10. 00:14:44
    Exploring JSX
  • Урок 11. 00:10:21
    JSX Expressions
  • Урок 12. 00:22:35
    Conditional Rendering in JSX
  • Урок 13. 00:16:30
    ES6 Aside: const and let
  • Урок 14. 00:12:37
    ES6 Aside: Arrow Functions
  • Урок 15. 00:19:58
    ES6 Aside: Arrow Functions Part II
  • Урок 16. 00:16:40
    Events and Attributes
  • Урок 17. 00:11:53
    Manual Data Binding
  • Урок 18. 00:17:54
    Forms and Inputs
  • Урок 19. 00:14:16
    Arrays in JSX
  • Урок 20. 00:08:32
    Picking an Option
  • Урок 21. 00:09:11
    Build It: Visibility Toggle
  • Урок 22. 00:01:19
    Section Intro: React Components
  • Урок 23. 00:07:22
    Thinking in React
  • Урок 24. 00:20:53
    ES6 Classes: Part I
  • Урок 25. 00:18:08
    ES6 Classes: Part II
  • Урок 26. 00:14:37
    Creating a React Component
  • Урок 27. 00:05:44
    Nesting Components
  • Урок 28. 00:13:35
    Component Props
  • Урок 29. 00:10:35
    Events & Methods
  • Урок 30. 00:11:25
    Method Binding
  • Урок 31. 00:06:51
    What Is Component State?
  • Урок 32. 00:08:19
    Adding State to Counter App: Part I
  • Урок 33. 00:11:01
    Adding State to Counter App: Part II
  • Урок 34. 00:07:16
    Alternative setState Syntax
  • Урок 35. 00:08:14
    Build It: Adding State to VisibilityToggle
  • Урок 36. 00:17:07
    Indecision State: Part I
  • Урок 37. 00:14:34
    Indecision State: Part II
  • Урок 38. 00:03:42
    Summary: Props vs. State
  • Урок 39. 00:00:55
    Section Intro: Stateless Functional Components
  • Урок 40. 00:13:48
    The Stateless Functional Component
  • Урок 41. 00:09:50
    Default Prop Values
  • Урок 42. 00:07:04
    React Dev Tools
  • Урок 43. 00:16:23
    Removing Individual Options
  • Урок 44. 00:10:08
    Lifecycle Methods
  • Урок 45. 00:14:37
    Saving and Loading Options Data
  • Урок 46. 00:10:35
    Saving and Loading the Count
  • Урок 47. 00:01:16
    Section Intro: Webpack
  • Урок 48. 00:09:07
    What Is Webpack?
  • Урок 49. 00:08:26
    Avoid Global Modules
  • Урок 50. 00:16:32
    Installing & Configuring Webpack
  • Урок 51. 00:18:33
    ES6 import/export
  • Урок 52. 00:11:19
    Default Exports
  • Урок 53. 00:11:29
    Importing npm Modules
  • Урок 54. 00:09:28
    Setting up Babel with Webpack
  • Урок 55. 00:18:13
    One Component per File
  • Урок 56. 00:05:17
    Source Maps with Webpack
  • Урок 57. 00:08:49
    Webpack Dev Server
  • Урок 58. 00:17:34
    ES6 class properties
  • Урок 59. 00:01:14
    Section Intro: Using a Third-Party Component
  • Урок 60. 00:06:26
    Passing Children to Component
  • Урок 61. 00:18:46
    Setting up React-Modal
  • Урок 62. 00:02:26
    Bonus: Refactoring Other Stateless Functional Components
  • Урок 63. 00:00:50
    Section Intro: Styling React
  • Урок 64. 00:13:17
    Setting up Webpack with SCSS
  • Урок 65. 00:14:49
    Architecture and Header Styles
  • Урок 66. 00:04:59
    Reset That $#!*
  • Урок 67. 00:14:19
    Theming with Variables
  • Урок 68. 00:15:25
    Big Button & Options List
  • Урок 69. 00:14:14
    Styling the Options List
  • Урок 70. 00:16:41
    Styling Option Item
  • Урок 71. 00:18:01
    Styling React-Modal
  • Урок 72. 00:12:58
    Mobile Considerations
  • Урок 73. 00:02:54
    Bonus: Favicon
  • Урок 74. 00:02:50
    Section Intro: React Router
  • Урок 75. 00:04:40
    Server vs. Client Routing
  • Урок 76. 00:06:55
    Setting Up Budget App
  • Урок 77. 00:20:14
    React-Router 101
  • Урок 78. 00:05:59
    Setting up a 404
  • Урок 79. 00:14:09
    Linking Between Routes
  • Урок 80. 00:12:31
    Organizing Our Routes
  • Урок 81. 00:09:11
    Query Strings and URL Parameters
  • Урок 82. 00:18:28
    Build It: Router for Portfolio Site
  • Урок 83. 00:01:36
    Section Intro: Redux
  • Урок 84. 00:13:34
    Why Do We Need Something Like Redux?
  • Урок 85. 00:07:54
    Setting up Redux
  • Урок 86. 00:13:01
    Dispatching Actions
  • Урок 87. 00:09:36
    Subscribing and Dynamic Actions
  • Урок 88. 00:15:50
    ES6 Object Destructuring
  • Урок 89. 00:10:39
    ES6 Array Destructuring
  • Урок 90. 00:16:42
    Refactoring and Organizing
  • Урок 91. 00:12:06
    Reducers
  • Урок 92. 00:13:41
    Working with Multiple Reducers
  • Урок 93. 00:17:37
    ES6 Spread Operator in Reducers
  • Урок 94. 00:14:37
    Spreading Objects
  • Урок 95. 00:09:53
    Wrapping up Our Reducers
  • Урок 96. 00:16:55
    Filtering Redux Data
  • Урок 97. 00:06:15
    Sorting Redux Data
  • Урок 98. 00:01:07
    Section Intro: Connecting React and Redux
  • Урок 99. 00:15:03
    Organizing Redux
  • Урок 100. 00:15:31
    The Higher Order Component
  • Урок 101. 00:15:41
    Connecting Store and Component with React-Redux
  • Урок 102. 00:09:10
    Rendering Individual Expenses
  • Урок 103. 00:14:22
    Controlled Inputs for Filters
  • Урок 104. 00:08:42
    Dropdown for Picking SortBy
  • Урок 105. 00:20:10
    Creating Expense Add/Edit Form
  • Урок 106. 00:21:35
    Setting up a Date Picker
  • Урок 107. 00:16:45
    Wiring up Add Expense
  • Урок 108. 00:19:07
    Wiring up Edit Expense
  • Урок 109. 00:05:34
    Redux Dev Tools
  • Урок 110. 00:19:45
    Filtering by Dates
  • Урок 111. 00:03:04
    Section Intro: Testing React Components
  • Урок 112. 00:19:35
    Setting up Jest
  • Урок 113. 00:16:56
    Testing Expenses Action Generators
  • Урок 114. 00:11:07
    Testing Filters Action Generators
  • Урок 115. 00:17:04
    Testing Expenses Selector
  • Урок 116. 00:14:08
    Testing Filters Reducer
  • Урок 117. 00:15:11
    Testing Expenses Reducer
  • Урок 118. 00:12:14
    Snapshot Testing
  • Урок 119. 00:21:54
    Enzyme
  • Урок 120. 00:15:43
    Snapshot Testing with Dynamic Components
  • Урок 121. 00:11:52
    Mocking Libraries with Jest
  • Урок 122. 00:16:55
    Testing User Interaction
  • Урок 123. 00:17:40
    Test Spies
  • Урок 124. 00:14:40
    Testing AddExpensePage
  • Урок 125. 00:19:01
    Testing EditExpensePage
  • Урок 126. 00:14:51
    Testing ExpenseListFilters
  • Урок 127. 00:12:28
    Testing ExpenseListFilters: Part II
  • Урок 128. 00:01:01
    Section Intro: Deploying Your Apps
  • Урок 129. 00:04:27
    Installing Git
  • Урок 130. 00:05:18
    What is Git?
  • Урок 131. 00:12:55
    Integrating Git into Our Project
  • Урок 132. 00:18:09
    Setting up SSH and Github
  • Урок 133. 00:13:08
    Production Webpack
  • Урок 134. 00:16:48
    Creating Separate CSS Files
  • Урок 135. 00:13:15
    A Production Web Server with Express
  • Урок 136. 00:16:45
    Deploying with Heroku
  • Урок 137. 00:15:37
    Regular vs Development Dependencies
  • Урок 138. 00:12:33
    New Feature Workflow
  • Урок 139. 00:17:26
    Build It: Adding Total Selector
  • Урок 140. 00:18:40
    Build It: Adding Summary Component
  • Урок 141. 00:01:12
    Section Intro: Firebase 101
  • Урок 142. 00:11:41
    Getting Firebase
  • Урок 143. 00:15:00
    Writing to the Database
  • Урок 144. 00:14:31
    ES6 Promises
  • Урок 145. 00:10:55
    Promises with Firebase
  • Урок 146. 00:05:43
    Removing Data from Firebase
  • Урок 147. 00:10:42
    Updating Data
  • Урок 148. 00:17:55
    Fetching Data From Firebase
  • Урок 149. 00:15:13
    Array Data in Firebase: Part I
  • Урок 150. 00:14:57
    Array Data in Firebase: Part II
  • Урок 151. 00:01:19
    Section Intro: Firebase with Redux
  • Урок 152. 00:18:50
    Asynchronous Redux Actions
  • Урок 153. 00:17:00
    Testing Async Redux Actions: Part I
  • Урок 154. 00:12:13
    Testing Async Redux Actions: Part II
  • Урок 155. 00:21:16
    Creating a Separate Test Database
  • Урок 156. 00:06:39
    Heroku Environment Variables
  • Урок 157. 00:12:39
    Fetching Expenses: Part I
  • Урок 158. 00:13:53
    Fetching Expenses: Part II
  • Урок 159. 00:12:04
    Remove Expense
  • Урок 160. 00:10:32
    Update Expense
  • Урок 161. 00:01:00
    Section Intro: Firebase Authentication
  • Урок 162. 00:19:27
    Login Page and Google Authentication
  • Урок 163. 00:11:06
    Logging Out
  • Урок 164. 00:12:49
    Redirecting Login or Logout
  • Урок 165. 00:15:50
    The Auth Reducer
  • Урок 166. 00:13:05
    Private Only Routes
  • Урок 167. 00:05:30
    Public Only Routes
  • Урок 168. 00:18:34
    Private Firebase Data
  • Урок 169. 00:14:59
    Data Validation and Deployment
  • Урок 170. 00:00:34
    Section Intro: Styling Budget App
  • Урок 171. 00:13:46
    Styling Login Page
  • Урок 172. 00:15:36
    Styling Buttons
  • Урок 173. 00:12:21
    Styling Summary Area
  • Урок 174. 00:10:06
    Styling List Filters
  • Урок 175. 00:11:31
    Styling Inputs
  • Урок 176. 00:13:20
    Styling Expense Form
  • Урок 177. 00:13:04
    Styling Expenses List: Part I
  • Урок 178. 00:17:59
    Styling Expenses List: Part II
  • Урок 179. 00:09:27
    Adding Loader
  • Урок 180. 00:04:56
    Babel Polyfill
  • Урок 181. 00:01:58
    Final Deployment
  • Урок 182. 00:01:36
    Section Into: What Now?
  • Урок 183. 00:18:06
    Creating the Final Boilerplate
  • Урок 184. 00:03:19
    Budget App Enhancements
  • Урок 185. 00:01:10
    Indecision App Enhancements
  • Урок 186. 00:02:49
    New App Idea: Blog
  • Урок 187. 00:01:12
    Until Next Time
  • Урок 188. 00:00:30
    Section Intro
  • Урок 189. 00:16:47
    Using Create React App
  • Урок 190. 00:15:51
    The useState Hook
  • Урок 191. 00:12:19
    useState vs. setState
  • Урок 192. 00:16:22
    Complex State with useState
  • Урок 193. 00:11:25
    The useEffect Hook
  • Урок 194. 00:11:58
    useEffect Dependencies
  • Урок 195. 00:08:12
    Cleaning up Effects
  • Урок 196. 00:14:47
    The useReducer Hook
  • Урок 197. 00:20:01
    The Context API & useContext Hook: Part I
  • Урок 198. 00:16:59
    The Context API & useContext Hook: Part II
  • Урок 199. 00:02:44
    Fragments
  • Урок 200. 00:20:17
    Creating Custom Hooks
Этот материал находится в платной подписке. Оформи премиум подписку и смотри The Complete React Developer Course (w/ Hooks and Redux), а также все другие курсы, прямо сейчас!
Премиум