-
Урок 1.
00:01:42
1- Welcome
-
Урок 2.
00:00:50
2- Prerequisites
-
Урок 3.
00:02:15
1- What is React
-
Урок 4.
00:01:29
2- Setting Up the Development Environment
-
Урок 5.
00:02:55
3- Creating a React App
-
Урок 6.
00:02:04
4- Project Structure
-
Урок 7.
00:05:23
5- Creating a React Component
-
Урок 8.
00:02:21
6- How React Works
-
Урок 9.
00:01:24
7- React Ecosystem
-
Урок 10.
00:00:36
1- Introduction
-
Урок 11.
00:05:37
2- Creating a ListGroup Component
-
Урок 12.
00:02:29
3- Fragments
-
Урок 13.
00:03:31
4- Rendering Lists
-
Урок 14.
00:05:26
5- Conditional Rendering
-
Урок 15.
00:06:08
6- Handling Events
-
Урок 16.
00:06:04
7- Managing State
-
Урок 17.
00:03:59
8- Passing Data via Props
-
Урок 18.
00:03:47
9- Passing Functions via Props
-
Урок 19.
00:01:34
10- State vs Props
-
Урок 20.
00:05:06
11- Passing Children
-
Урок 21.
00:02:11
12- Inspecting Components with React Dev Tools
-
Урок 22.
00:07:03
13- Exercise- Building a Button Component
-
Урок 23.
00:05:03
14- Exercise- Showing an Alert
-
Урок 24.
00:00:27
1- Introduction
-
Урок 25.
00:04:12
2- Vanilla CSS
-
Урок 26.
00:03:46
3- CSS Modules
-
Урок 27.
00:07:52
4- CSS-in-JS
-
Урок 28.
00:02:31
5- Separation of Concerns
-
Урок 29.
00:01:03
6- Inline Styles
-
Урок 30.
00:02:04
7- Popular UI Libraries
-
Урок 31.
00:01:53
8- Adding Icons
-
Урок 32.
00:03:01
9- Exercise- Using CSS Modules
-
Урок 33.
00:05:20
10- Building a Like Component
-
Урок 34.
00:00:26
1- Introduction
-
Урок 35.
00:04:29
2- Understanding the State Hook
-
Урок 36.
00:02:57
3- Choosing the State Structure
-
Урок 37.
00:02:04
4- Keeping Components Pure
-
Урок 38.
00:02:43
5- Understanding the Strict Mode
-
Урок 39.
00:02:22
6- Updating Objects
-
Урок 40.
00:02:16
7- Updating Nested Objects
-
Урок 41.
00:01:50
8- Updating Arrays
-
Урок 42.
00:01:47
9- Updating Array of Objects
-
Урок 43.
00:02:57
10- Simplifying Update Logic with Immer
-
Урок 44.
00:06:23
11- Sharing State between Components
-
Урок 45.
00:04:50
12- Exercise- Updating State
-
Урок 46.
00:06:23
13- Exercise- Building an ExpandableText Component
-
Урок 47.
00:00:25
1- Introduction
-
Урок 48.
00:03:46
2- Building a Form
-
Урок 49.
00:02:24
3- Handling Form Submission
-
Урок 50.
00:05:47
4- Accessing Input Fields
-
Урок 51.
00:04:34
5- Controlled Components
-
Урок 52.
00:04:34
6- Managing Forms with React Hook Form
-
Урок 53.
00:05:39
7- Applying Validation
-
Урок 54.
00:07:34
8- Schema based Validation with Zod
-
Урок 55.
00:00:46
9- Disabling the Submit Button
-
Урок 56.
00:01:24
10- Project- Expense Tracker
-
Урок 57.
00:10:29
11- Building ExpenseList
-
Урок 58.
00:05:52
12- Building ExpenseFilter
-
Урок 59.
00:04:37
13- Building the Expense Form
-
Урок 60.
00:09:55
14- Integrating with React Hook Form and Zod
-
Урок 61.
00:03:36
15- Adding an Expense
-
Урок 62.
00:00:54
1- Introduction
-
Урок 63.
00:03:51
2- Understanding the Effect Hook
-
Урок 64.
00:08:35
3- Effect Dependencies
-
Урок 65.
00:02:31
4- Effect Clean Up
-
Урок 66.
00:05:33
5- Fetching Data
-
Урок 67.
00:03:03
6- Understanding HTTP Requests
-
Урок 68.
00:02:04
7- Handling Errors
-
Урок 69.
00:04:22
8- Working with Async and Await
-
Урок 70.
00:02:28
9- Cancelling a Fetch Request
-
Урок 71.
00:03:03
10- Showing a Loading Indicator
-
Урок 72.
00:05:51
11- Deleting Data
-
Урок 73.
00:05:10
12- Creating Data
-
Урок 74.
00:05:26
13- Updating Data
-
Урок 75.
00:03:56
14- Extracting a Reusable API Client
-
Урок 76.
00:08:23
15- Extracting the User Service
-
Урок 77.
00:08:01
16- Creating a Generic HTTP Service
-
Урок 78.
00:03:54
17- Creating a Custom Data Fetching Hook
-
Урок 79.
00:01:24
1- What We'll Build
-
Урок 80.
00:01:32
3- Setting Up the Project
-
Урок 81.
00:05:01
4- Installing Chakra UI
-
Урок 82.
00:04:54
5- Creating a Responsive Layout
-
Урок 83.
00:03:59
6- Building the Navigation Bar
-
Урок 84.
00:02:45
7- Implementing the Dark Mode
-
Урок 85.
00:03:37
8- Building the Г‡olor Mode Switch
-
Урок 86.
00:08:20
9- Fetching the Games
-
Урок 87.
00:05:00
10- Creating a Custom Hook for Fetching Games
-
Урок 88.
00:06:09
11- Building Game Cards
-
Урок 89.
00:13:43
12- Displaying Platform Icons
-
Урок 90.
00:04:21
13- Displaying Critic Score
-
Урок 91.
00:03:57
14- Getting Optimized Images
-
Урок 92.
00:05:38
15- Improving User Experience with Loading Skeletons
-
Урок 93.
00:02:35
16- Refactor- Removing Duplicated Styles
-
Урок 94.
00:04:32
17- Fetching the Genres
-
Урок 95.
00:06:43
18- Creating a Generic Data Fetching Hook
-
Урок 96.
00:08:53
19- Displaying the Genres
-
Урок 97.
00:01:28
20- Showing a Spinner
-
Урок 98.
00:12:34
21- Filtering Games by Genre
-
Урок 99.
00:01:44
22- Highlighting the Selected Genre
-
Урок 100.
00:04:31
23- Building Platform Selector
-
Урок 101.
00:06:16
24- Filtering Games by Platform
-
Урок 102.
00:05:12
25- Refactoring- Extracting a Query Object
-
Урок 103.
00:03:00
26- Building Sort Selector
-
Урок 104.
00:08:11
27- Sorting Games
-
Урок 105.
00:01:08
28- Handling Games without an Image
-
Урок 106.
00:01:29
29- Fixing the Issue with Chakra Menus
-
Урок 107.
00:02:39
30- Building Search Input
-
Урок 108.
00:06:06
31- Searching Games
-
Урок 109.
00:04:39
32- Adding a Dynamic Heading
-
Урок 110.
00:02:21
33- Cleaning Up the Genres
-
Урок 111.
00:01:24
34- Cleaning Up the Game Cards
-
Урок 112.
00:05:36
35- Adding Emojis
-
Урок 113.
00:03:17
36- Shipping Static Data
-
Урок 114.
00:02:58
37- Customizing the Chakra Theme
-
Урок 115.
00:00:57
38- Refactoring Game Grid
-
Урок 116.
00:02:50
39- Building for Production
-
Урок 117.
00:04:43
40- Deploying to Vercel
-
Урок 118.
00:00:31
41- What's Next
-
Урок 119.
00:00:26
42- Course Wrap Up