Этот материал находится в платной подписке. Оформи премиум подписку и смотри или слушай Build Web Apps with React & Firebase, а также все другие курсы, прямо сейчас!
Премиум
  1. Урок 1. 00:02:57
    Welcome to the Course
  2. Урок 2. 00:04:05
    React at a Glance
  3. Урок 3. 00:01:19
    What You Should Already Know
  4. Урок 4. 00:03:08
    Environment Setup
  5. Урок 5. 00:01:38
    Using the Course Files
  6. Урок 6. 00:05:08
    Using React with a CDN
  7. Урок 7. 00:04:40
    Making a React Component
  8. Урок 8. 00:03:51
    JSX & Templates
  9. Урок 9. 00:04:46
    Template Expressions & Variables
  10. Урок 10. 00:06:08
    Click Events & Event Handlers
  11. Урок 11. 00:03:57
    Making a React Site (create-react-app)
  12. Урок 12. 00:07:24
    Project Structure Walkthrough
  13. Урок 13. 00:04:36
    Running the Application
  14. Урок 14. 00:03:34
    Using Images
  15. Урок 15. 00:03:19
    Using Stylesheets
  16. Урок 16. 00:07:14
    Why We Need State
  17. Урок 17. 00:06:52
    Using the useState Hook
  18. Урок 18. 00:04:51
    How State & Rendering Works
  19. Урок 19. 00:08:19
    Outputting Lists
  20. Урок 20. 00:09:37
    Using the Previous State
  21. Урок 21. 00:06:54
    Conditional Templates
  22. Урок 22. 00:01:36
    useState Limitations
  23. Урок 23. 00:01:39
    Using Mutliple Components
  24. Урок 24. 00:05:31
    Creating a Title Component
  25. Урок 25. 00:05:52
    Intro to Props
  26. Урок 26. 00:03:48
    React Fragments
  27. Урок 27. 00:07:46
    Children Prop (Making a Modal Component)
  28. Урок 28. 00:04:56
    Functions as Props
  29. Урок 29. 00:02:29
    CHALLENGE - Showing the Modal
  30. Урок 30. 00:03:51
    Portals
  31. Урок 31. 00:06:54
    CHALLENGE - Reusable Event List Component
  32. Урок 32. 00:02:47
    Class Components Overview
  33. Урок 33. 00:03:10
    Using Global Stylesheets
  34. Урок 34. 00:06:38
    Component Stylesheets
  35. Урок 35. 00:03:21
    Using Inline Styles
  36. Урок 36. 00:02:37
    Dynamic Inline Styles
  37. Урок 37. 00:02:47
    Conditional CSS Classes
  38. Урок 38. 00:06:23
    CSS Modules
  39. Урок 39. 00:07:16
    Forms & Labels in React
  40. Урок 40. 00:06:17
    The onChange Event
  41. Урок 41. 00:05:36
    Controlled Inputs
  42. Урок 42. 00:06:21
    Submitting Forms (onSubmit)
  43. Урок 43. 00:06:36
    Adding Events to the Event List
  44. Урок 44. 00:06:33
    Using the useRef Hook
  45. Урок 45. 00:05:22
    Select Boxes
  46. Урок 46. 00:07:01
    New Project & JSON Server
  47. Урок 47. 00:08:19
    Why We Need useEffect
  48. Урок 48. 00:07:49
    Fetching Data with useEffect
  49. Урок 49. 00:09:25
    The useEffect Dependency Array
  50. Урок 50. 00:08:30
    useCallback for Function Dependencies
  51. Урок 51. 00:14:04
    Creating a Custom Fetch Hook
  52. Урок 52. 00:04:25
    Adding a Loading/Pending State
  53. Урок 53. 00:08:43
    Handling Errors
  54. Урок 54. 00:04:40
    Why We Need a Cleanup Function
  55. Урок 55. 00:05:45
    Aborting Fetch Requests
  56. Урок 56. 00:06:16
    useEffect Gotcha - Infinite Loops
  57. Урок 57. 00:05:43
    Project Preview & Setup
  58. Урок 58. 00:08:06
    Setting up & Shuffling Cards
  59. Урок 59. 00:04:19
    Creating a Card Grid
  60. Урок 60. 00:04:11
    CHALLENGE - Creating a Card Component
  61. Урок 61. 00:05:57
    Making Card Choices
  62. Урок 62. 00:07:15
    CHALLENGE - Comparing Choices
  63. Урок 63. 00:05:58
    Adding a 'matched' Property to Cards
  64. Урок 64. 00:08:58
    Flipping Cards
  65. Урок 65. 00:02:20
    Flipping Animation (CSS)
  66. Урок 66. 00:05:04
    Making Cards "disabled"
  67. Урок 67. 00:03:52
    Finishing Touches
  68. Урок 68. 00:05:40
    Multi-Page React Sites
  69. Урок 69. 00:06:59
    React Router Setup
  70. Урок 70. 00:06:03
    Switch & Exact Match
  71. Урок 71. 00:07:15
    Links & Nav Links
  72. Урок 72. 00:07:25
    Fetching Data
  73. Урок 73. 00:06:36
    Route Parameters
  74. Урок 74. 00:06:51
    The useParams Hook
  75. Урок 75. 00:05:41
    Programmatic Redirects
  76. Урок 76. 00:02:29
    Redirect Component
  77. Урок 77. 00:05:23
    Query Parameters
  78. Урок 78. 00:06:39
    Project Preview & Setup
  79. Урок 79. 00:06:19
    Router & Pages Setup
  80. Урок 80. 00:04:54
    Making a Navbar Component
  81. Урок 81. 00:04:41
    Fetching Data
  82. Урок 82. 00:09:46
    Recipe List Component
  83. Урок 83. 00:05:18
    CHALLENGE - Fetching a Single Recipe
  84. Урок 84. 00:05:04
    Recipe Details Template
  85. Урок 85. 00:08:41
    Making a "Create Recipe" Form
  86. Урок 86. 00:12:35
    Adding Multiple Ingredients
  87. Урок 87. 00:12:34
    Making a POST Request
  88. Урок 88. 00:03:43
    CHALLENGE - Redirecting the User
  89. Урок 89. 00:07:13
    Making a Search Bar Component
  90. Урок 90. 00:08:17
    Search Results Page
  91. Урок 91. 00:03:22
    Finishing Touches
  92. Урок 92. 00:02:36
    Prop Drilling
  93. Урок 93. 00:02:55
    What is the Context API?
  94. Урок 94. 00:07:35
    Creating a Context & Provider
  95. Урок 95. 00:03:40
    Accessing Context Values
  96. Урок 96. 00:05:49
    Creating a Custom Context Hook
  97. Урок 97. 00:13:58
    Reducers & useReducer
  98. Урок 98. 00:10:37
    Making a Color Theme Selector
  99. Урок 99. 00:12:23
    Light & Dark Mode Selector
  100. Урок 100. 00:06:41
    Styling Light & Dark Modes
  101. Урок 101. 00:03:32
    What is Firebase?
  102. Урок 102. 00:05:04
    Firestore Databases
  103. Урок 103. 00:07:11
    Connecting to Firebase
  104. Урок 104. 00:11:48
    Fetching a Firestore Collection
  105. Урок 105. 00:09:38
    Fetching a Firestore Document
  106. Урок 106. 00:05:53
    Adding Firestore Data
  107. Урок 107. 00:05:36
    Deleting Firestore Data
  108. Урок 108. 00:07:48
    Real-Time Collection Data
  109. Урок 109. 00:04:41
    Updating Documents
  110. Урок 110. 00:04:31
    Real-Time Document Data
  111. Урок 111. 00:03:18
    Project Preview & Setup
  112. Урок 112. 00:05:17
    CHALLENGE - Creating Pages & Routes
  113. Урок 113. 00:04:44
    Creating a Navbar
  114. Урок 114. 00:07:20
    Making the Login Form
  115. Урок 115. 00:04:55
    CHALLENGE - Making the Signup Form
  116. Урок 116. 00:03:49
    Firebase Setup
  117. Урок 117. 00:04:03
    Firebase Authentication Setup
  118. Урок 118. 00:11:15
    Creating a Signup Hook
  119. Урок 119. 00:09:10
    Using the Signup Hook
  120. Урок 120. 00:11:40
    Creating an Auth Context
  121. Урок 121. 00:06:08
    Dispatching a Login Action
  122. Урок 122. 00:06:32
    Creating a Logout Hook
  123. Урок 123. 00:04:49
    Using the Logout Hook
  124. Урок 124. 00:08:15
    Adding Cleanup Functions
  125. Урок 125. 00:04:49
    Creating a Login Hook
  126. Урок 126. 00:03:58
    Using the Login Hook
  127. Урок 127. 00:08:07
    Conditionall Showing User Content
  128. Урок 128. 00:09:29
    Firebase Auth State Changes
  129. Урок 129. 00:04:23
    Waiting Until Auth is Ready
  130. Урок 130. 00:06:01
    Route Guarding
  131. Урок 131. 00:12:15
    Making a Transaction Form
  132. Урок 132. 00:13:03
    Creating a useFirestore Hook
  133. Урок 133. 00:10:58
    Adding Firestore Documents
  134. Урок 134. 00:03:42
    Firestore Timestamps
  135. Урок 135. 00:09:37
    Using the useFirestore Hook
  136. Урок 136. 00:11:20
    Creating a useCollection Hook
  137. Урок 137. 00:07:55
    Listing Transactions
  138. Урок 138. 00:10:30
    Firestore Queries
  139. Урок 139. 00:06:09
    Ordering Firestore Queries
  140. Урок 140. 00:08:36
    Deleting Transactions
  141. Урок 141. 00:04:57
    What Are Firestore Rules?
  142. Урок 142. 00:05:44
    The Firebase CLI
  143. Урок 143. 00:06:16
    Securing Collection Data
  144. Урок 144. 00:03:48
    Deploying Firestore Rules
  145. Урок 145. 00:02:11
    Building a React App
  146. Урок 146. 00:03:10
    Deploying to Firebase
  147. Урок 147. 00:01:58
    Updating the Site & Re-Deploying
  148. Урок 148. 00:01:22
    Rolling Back Deployments
  149. Урок 149. 00:06:26
    Project Preview & Setup
  150. Урок 150. 00:06:42
    Firebase Setup
  151. Урок 151. 00:02:41
    Firebase Init (Rules, Hosting & Storage)
  152. Урок 152. 00:05:54
    Re-using Firebase Hooks & Auth Context
  153. Урок 153. 00:06:54
    Router & Pages Setup
  154. Урок 154. 00:07:05
    Navbar Component
  155. Урок 155. 00:11:59
    Sidebar Component
  156. Урок 156. 00:07:22
    Creating a Signup Page
  157. Урок 157. 00:13:47
    Handling File Inputs
  158. Урок 158. 00:02:41
    Firebase Storage Setup
  159. Урок 159. 00:10:48
    Uploading Profile Images
  160. Урок 160. 00:04:37
    Signing a User Up
  161. Урок 161. 00:10:36
    Creating User Documents
  162. Урок 162. 00:06:24
    Logging Users Out
  163. Урок 163. 00:04:17
    Making a Login Page
  164. Урок 164. 00:05:07
    CHALLENGE - Logging Users In
  165. Урок 165. 00:09:00
    Redirects & Route Guards
  166. Урок 166. 00:03:45
    CHALLENGE - Conditional Navbar Links
  167. Урок 167. 00:07:07
    User Avatar Component
  168. Урок 168. 00:08:46
    Fetching Users
  169. Урок 169. 00:04:15
    Showing Users Online
  170. Урок 170. 00:09:00
    Making the "Create Project" Form
  171. Урок 171. 00:05:32
    Using React-Select
  172. Урок 172. 00:11:29
    Assigning Users
  173. Урок 173. 00:07:28
    Setting Form Errors
  174. Урок 174. 00:11:23
    Creating a Project Object
  175. Урок 175. 00:06:06
    CHALLENGE - Saving New Projects
  176. Урок 176. 00:07:44
    Fetching Projects
  177. Урок 177. 00:09:39
    Making a Project List / Grid
  178. Урок 178. 00:07:28
    Making a useDocument Hook
  179. Урок 179. 00:09:08
    Project Details Page (fetching a project)
  180. Урок 180. 00:08:05
    Project Summary Component
  181. Урок 181. 00:10:13
    Making a Comments Form
  182. Урок 182. 00:07:12
    Updating Firestore Documents
  183. Урок 183. 00:04:47
    Adding Comments
  184. Урок 184. 00:06:58
    Listing Comments
  185. Урок 185. 00:09:33
    Completing / Deleting Projects
  186. Урок 186. 00:10:02
    Making a Filter (part 1)
  187. Урок 187. 00:05:00
    Making a Filter (part 2)
  188. Урок 188. 00:10:55
    Making a Filter (part 3)
  189. Урок 189. 00:11:21
    Adding Firestore Rules
  190. Урок 190. 00:03:48
    Final Touches
  191. Урок 191. 00:04:21
    Deploying the App
  192. Урок 192. 00:09:13
    Intro & Starter Project
  193. Урок 193. 00:04:34
    Firebase Config File
  194. Урок 194. 00:08:16
    Getting Documents
  195. Урок 195. 00:08:40
    Real-Time Collection Data
  196. Урок 196. 00:03:34
    Adding Data
  197. Урок 197. 00:03:20
    Deleting Data
  198. Урок 198. 00:01:09
    Setting Up Firebase Auth
  199. Урок 199. 00:06:54
    Signing Users Up
  200. Урок 200. 00:03:18
    Logging Users Out
  201. Урок 201. 00:04:08
    Logging Users In
  202. Урок 202. 00:07:31
    Adding Auth Context
  203. Урок 203. 00:06:15
    Dispatching Actions
  204. Урок 204. 00:04:55
    Route Guards & Redirects
  205. Урок 205. 00:04:32
    Assigning Users to Books
  206. Урок 206. 00:06:21
    Firestore Queries
  207. Урок 207. 00:01:30
    Firebase Further Reading
  208. Урок 208. 00:13:59
    Introduction to React Router 6
  209. Урок 209. 00:07:41
    The Route Component
  210. Урок 210. 00:07:54
    Redirects & useNavigate
  211. Урок 211. 00:10:38
    Nested Routes
  212. Урок 212. 00:09:35
    Refactoring the Recipe Site
  213. Урок 213. 00:12:37
    Refactoring the Project Management Site
  214. Урок 214. 00:00:38
    Extra JavaScript Lessons
  215. Урок 215. 00:07:01
    Destructuring
  216. Урок 216. 00:05:05
    Import & Exports
  217. Урок 217. 00:06:23
    Filter & Map Methods
  218. Урок 218. 00:02:14
    Spread Syntax
  219. Урок 219. 00:02:11
    Template Strings
  220. Урок 220. 00:02:47
    Arrow Functions
  221. Урок 221. 00:05:27
    Fetch API and Promises
  222. Урок 222. 00:03:02
    Async & Await