Этот материал находится в платной подписке. Оформи премиум подписку и смотри или слушай The Complete React Bootcamp 2020 (w/ React Hooks, Firebase), а также все другие курсы, прямо сейчас!
Премиум
  • Урок 1. 00:03:38
    What is This Course All About?
  • Урок 2. 00:01:31
    Requirements
  • Урок 3. 00:00:15
    Introduction
  • Урок 4. 00:04:42
    Installing Git (+ Git Bash)
  • Урок 5. 00:01:58
    Installing Node.js
  • Урок 6. 00:01:49
    Installing VSCode
  • Урок 7. 00:05:43
    VSCode Configuration & Extensions
  • Урок 8. 00:12:53
    Client Side Rendering (SPA) VS. Server Side Rendering (dynamic and static)
  • Урок 9. 00:08:04
    What are Server, JSON, REST API and GraphQL?
  • Урок 10. 00:19:52
    Working With Git - Part 1
  • Урок 11. 00:17:39
    Working With Git - Part 2
  • Урок 12. 00:18:10
    What are Node.js and NPM?
  • Урок 13. 00:10:22
    What are ESLint and Prettier?
  • Урок 14. 00:02:26
    VS Code Shortcuts
  • Урок 15. 00:00:50
    Introduction
  • Урок 16. 00:04:54
    Var VS. Let VS. Const
  • Урок 17. 00:03:56
    What is Array.map used for?
  • Урок 18. 00:04:07
    What is Array.reduce used for?
  • Урок 19. 00:02:59
    Function Declaration VS. Expression
  • Урок 20. 00:03:32
    Arrow Functions and Default Function Arguments
  • Урок 21. 00:02:24
    String Interpolation
  • Урок 22. 00:05:58
    Object and Array Destructuring
  • Урок 23. 00:08:08
    Spread and Rest Operators
  • Урок 24. 00:14:49
    Async and Sync Code - Promises and Async Await
  • Урок 25. 00:02:19
    What is React?
  • Урок 26. 00:03:40
    Component-based Approach
  • Урок 27. 00:00:52
    Functions vs. Classes
  • Урок 28. 00:03:32
    React Under the Hood
  • Урок 29. 00:00:53
    Introduction
  • Урок 30. 00:09:58
    Scaffolding a React App With Parcel - Installing Development Dependencies.
  • Урок 31. 00:04:56
    Installing Dev Dependencies
  • Урок 32. 00:11:34
    Creating New Components & Props
  • Урок 33. 00:02:09
    Children Props
  • Урок 34. 00:09:40
    Styling React Components - Our Style Structure
  • Урок 35. 00:17:52
    Creating a Game Board State - React States and Events
  • Урок 36. 00:06:08
    Component Lifecycle & Lifecycle Events
  • Урок 37. 00:08:03
    Winner Calculation - State Sharing Across Components
  • Урок 38. 00:07:06
    Adding Game History - Part 1
  • Урок 39. 00:08:57
    Adding Game History - Part 2
  • Урок 40. 00:07:12
    Conditional Rendering
  • Урок 41. 00:06:49
    Highlighting Winning Combination
  • Урок 42. 00:12:56
    Styling The Entire App
  • Урок 43. 00:03:10
    Deployment to Surge
  • Урок 44. 00:01:06
    Summary
  • Урок 45. 00:02:03
    Introduction
  • Урок 46. 00:11:59
    Scaffolding the Project
  • Урок 47. 00:07:15
    Creating Pages in React - React Router (Part 1)
  • Урок 48. 00:06:07
    Creating Navigation Bar & Page Components
  • Урок 49. 00:05:11
    Multiple Layout Management - Creating Main Layout
  • Урок 50. 00:10:19
    Creating Search Bar - Working With an API
  • Урок 51. 00:07:22
    Displaying API Results - Custom Render Function
  • Урок 52. 00:08:31
    Adding Actors Search With Radio Buttons
  • Урок 53. 00:14:08
    Creating Preview Cards for Show and Actors
  • Урок 54. 00:10:25
    Styled-components - An Alternative for Styling
  • Урок 55. 00:11:58
    Creating Show Page - UseEffect Hook and Dynamic URLs
  • Урок 56. 00:06:01
    Displaying Loading and Error Messages - Part 2
  • Урок 57. 00:02:14
    Reducer Concept for State Management
  • Урок 58. 00:08:19
    Creating Show Page - Part 3
  • Урок 59. 00:09:25
    Creating Show Page - Part 4
  • Урок 60. 00:06:47
    Styling Show Page - Part 5
  • Урок 61. 00:09:10
    Creating Custom Hook For Data Persistence
  • Урок 62. 00:08:27
    Dynamic Styles With Styled-Components
  • Урок 63. 00:07:02
    Displaying Starred Shows
  • Урок 64. 00:07:34
    Extract any Logic you want - Custom Hook
  • Урок 65. 00:07:36
    Styling The Entire App - Part 1
  • Урок 66. 00:07:21
    Styling The Entire App - Part 2
  • Урок 67. 00:02:43
    Add Animation to Elements
  • Урок 68. 00:05:27
    Deployment to GitHub Pages
  • Урок 69. 00:17:02
    Component Optimization With Hooks
  • Урок 70. 00:07:17
    Creating a Progressive Web App (PWA)
  • Урок 71. 00:01:48
    What is Firebase?
  • Урок 72. 00:05:06
    Overview of Firebase Services
  • Урок 73. 00:01:51
    Firebase Security
  • Урок 74. 00:01:03
    Firebase Pricing
  • Урок 75. 00:08:48
    Project Overview
  • Урок 76. 00:07:56
    Scaffolding the Project
  • Урок 77. 00:11:10
    Create and Configure the Firebase Project
  • Урок 78. 00:07:57
    Creating Pages - Private and Public Routes
  • Урок 79. 00:21:25
    Sign-in Page - Interaction with Firebase
  • Урок 80. 00:09:28
    Creating Profile Context - Context API and Global State Management
  • Урок 81. 00:12:35
    Global Profile State Management With Context
  • Урок 82. 00:07:44
    Start Building the Sidebar and Dashboard
  • Урок 83. 00:03:17
    Responsive Sidebar Using Media Query
  • Урок 84. 00:05:43
    Creating Dashboard - Part 1
  • Урок 85. 00:12:43
    Creating Dashboard - Reusable and Editable Components (Part 2)
  • Урок 86. 00:04:11
    Creating Dashboard - Update User Nickname (Part 3)
  • Урок 87. 00:16:43
    Creating Dashboard - Link Social Media Providers (Part 4)
  • Урок 88. 00:13:11
    Creating Dashboard - Creating Avatar (Part 5)
  • Урок 89. 00:12:28
    Creating Dashboard - Uploading the Avatar to Firebase (Part 6)
  • Урок 90. 00:07:38
    Creating Dashboard - Displaying User Avatar and Names Initials (Part 7)
  • Урок 91. 00:17:37
    Add Create-Room Button and Functionality
  • Урок 92. 00:08:50
    Creating Chat Rooms Lists - Part 1
  • Урок 93. 00:05:48
    Creating Chat Rooms List - Rooms' context (Part 2)
  • Урок 94. 00:06:12
    Creating Chat Rooms List - Show rooms and use them as links (Part 3)
  • Урок 95. 00:06:42
    Creating Nested Layout for Homepage
  • Урок 96. 00:05:07
    Creating Chat Page Layout/Component
  • Урок 97. 00:02:42
    Context API Problem and a Potential Solution
  • Урок 98. 00:07:55
    Context API Problem in Practice - Creating Current Room Context
  • Урок 99. 00:06:45
    Creating Initial Chat - Top Part
  • Урок 100. 00:14:31
    Denormalizing Data - Creating Chat Bottom
  • Урок 101. 00:03:24
    Display Last Message in Room List
  • Урок 102. 00:10:22
    Working With Denormalized Data
  • Урок 103. 00:07:17
    Displaying Chat Messages
  • Урок 104. 00:04:54
    Display User Profile Data
  • Урок 105. 00:08:33
    Adding Real-time Presence - Part 1
  • Урок 106. 00:07:43
    Adding Real-time Presence - Part 2
  • Урок 107. 00:08:34
    Adding Edit Room Drawer
  • Урок 108. 00:09:57
    Role-based Access & Security Rules
  • Урок 109. 00:08:44
    Role-based Access Management
  • Урок 110. 00:02:51
    Adding Programmatical Hover With Hooks
  • Урок 111. 00:06:21
    Creating IconControl Component - Likes (Part 1)
  • Урок 112. 00:07:21
    Likes Functionality (Part 2)
  • Урок 113. 00:06:23
    Handle Delete Operation
  • Урок 114. 00:12:40
    Adding the Upload Component - Part 1
  • Урок 115. 00:04:17
    Store Uploaded Files in Database - Part 2
  • Урок 116. 00:06:11
    Display and Download Uploaded Files - Part 3
  • Урок 117. 00:08:41
    Record and Upload Audio Messages - Part 4
  • Урок 118. 00:04:51
    Display Audio and Delete File - Part 5
  • Урок 119. 00:06:57
    Group Chat Feed by Dates
  • Урок 120. 00:12:53
    Pagination and Control of Scrolled Position
  • Урок 121. 00:02:10
    Deployment to Firebase Hosting
  • Урок 122. 00:01:16
    Firebase Project Plan
  • Урок 123. 00:03:32
    What are Serverless and Containers?
  • Урок 124. 00:01:29
    Cloud Messaging - How is Everything Connected?
  • Урок 125. 00:08:07
    Storing Device Tokens in the Database
  • Урок 126. 00:03:18
    Adding Service Worker
  • Урок 127. 00:06:36
    Setup Cloud Functions and Node Version Manager (NVM)
  • Урок 128. 00:01:57
    Notifications Flow in our app - Types of Cloud Functions
  • Урок 129. 00:19:56
    Creating FCM Cloud Function
  • Урок 130. 00:01:16
    Fix Cloud Function Errors
  • Урок 131. 00:15:02
    Sending and Displaying Notifications Using Cloud Functions
  • Урок 132. 00:11:28
    Managing FCM Users
  • Урок 133. 00:00:29
    Introduction
  • Урок 134. 00:04:42
    React Portals
  • Урок 135. 00:05:53
    Error Boundaries
  • Урок 136. 00:04:41
    Code Splitting
  • Урок 137. 00:00:36
    Conclusion
  • Урок 138. 00:02:20
    Summary - Knowledge you Have Gained
  • Урок 139. 00:03:55
    Your Future Moves