Главная страница Категория react.js Упрощенный React - Начинающим

Упрощенный React - Начинающим

React Simplified - Beginner

webdevsimplified.com

★ 5 (всего оценок - 41)

Начать Сейчас

Продолжительность

11 ч 8 мин

Категория

React.js

Количество уроков

81 Видео

Дата добавления

11 июл. 2023 г., 23:18

Язык

Английский

Дата обновления

1 дек. 2025 г., 02:08

Полный видеокурс с продолжительностью около 11 часов, разбитый на 79 видео и 10 модулей.

Хотя этот курс может называться "для начинающих", он не ограничивается только базовыми знаниями. В этом курсе охвачены все аспекты, необходимые для становления квалифицированным разработчиком на React, и он обеспечит вам умение мыслить как разработчик на React.

Я знаю, что это звучит невероятно, но этот курс приведет вас от полного незнания React к способности самостоятельно создавать сложные React-приложения. Даже если у вас уже есть некоторые знания React, содержание этого курса расширит ваш нынешний уровень навыков и поднимет вас на новые уровни понимания.

Хотя 11 часов может показаться немного по сравнению с длинными курсами на Udemy, я могу заверить вас, что этот курс полон информации. Каждая минута содержит максимально сжатые знания, проекты и упражнения. Это означает, что ни секунда вашего времени, потраченного на этот курс, не будет потеряна. Я потратил месяцы на создание этого курса, чтобы исключить каждую ненужную секунду.

Кстати, если вы планируете пройти этот курс всего за 11 часов, удачи вам. С учетом всех проектов и упражнений, содержащихся в этом курсе, вам понадобится не меньше месяца, чтобы освоить все, и это только в том случае, если вы будете работать с курсом каждый день!

В этом курсе вас ждут 16 проектов и упражнений, выполнение некоторых из которых может занять несколько дней. Это даже не учитывает множество мелких упражнений, встроенных в каждое видео.

Посмотреть больше

Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум

Урок 1. 00:06:43

01 - Course Introduction
Урок 2. 00:04:30

02 - React Is Hard
Урок 3. 00:02:51

03 - Don't Get Discouraged
Урок 4. 00:03:21

04 - What Is React
Урок 5. 00:01:56

05 - Download Tools
Урок 6. 00:03:11

06 - Prettier
Урок 7. 00:10:59

07 - Your First React App
Урок 8. 00:06:13

08 - Your First Vite React App
Урок 9. 00:03:44

08.5 - Vite ESlint
Урок 10. 00:07:58

09 - Thinking In Components
Урок 11. 00:15:18

10 - JSX Basics
Урок 12. 00:09:38

11 - Creating Components
Урок 13. 00:13:38

12 - Props
Урок 14. 00:05:04

13 - Declarative Vs Imperative
Урок 15. 00:03:05

14 - Importing Non-JS Files
Урок 16. 00:06:55

15 - User Card Introduction
Урок 17. 00:06:14

16 - User Card Walkthrough
Урок 18. 00:21:07

17 - useState Hook
Урок 19. 00:08:30

18 - State In Class Components
Урок 20. 00:04:08

19 - Input Event Listeners
Урок 21. 00:17:02

20 - Array State Project
Урок 22. 00:01:06

21 - Counter With Name Project Introduction
Урок 23. 00:06:45

22 - Counter With Name Project Walkthrough
Урок 24. 00:05:35

23 - Virtual DOM
Урок 25. 00:02:24

24 - Component Lifecycle
Урок 26. 00:14:23

25 - useEffect Hook
Урок 27. 00:02:32

26 - useEffect Hook Exercises Introduction
Урок 28. 00:06:51

27 - useEffect Hook Exercises Walkthrough
Урок 29. 00:05:41

28 - Class Component Lifecycle Methods
Урок 30. 00:00:33

29 - Class Component Lifecycle Methods Exercises Introduction
Урок 31. 00:05:39

30 - Class Component Lifecycle Methods Exercises Walkthrough
Урок 32. 00:06:22

31 - StrictMode
Урок 33. 00:09:08

32 - Fetching Data From An API
Урок 34. 00:08:13

33 - React Dev Tools
Урок 35. 00:06:17

34.1 - Conditional Rendering
Урок 36. 00:07:30

35 - Rendering Lists
Урок 37. 00:02:23

36 - Fragments
Урок 38. 00:11:14

37 - User List Project Introduction
Урок 39. 00:07:29

38 - User List Project Walkthrough
Урок 40. 00:01:53

39 - Spread Props
Урок 41. 00:02:14

40 - Render Raw HTML
Урок 42. 00:02:15

41 - Simple Todo List Project Introduction
Урок 43. 00:11:21

42 - Simple Todo List Project Walkthrough
Урок 44. 00:05:25

43 - Hook Rules
Урок 45. 00:07:29

44 - useRef Hook
Урок 46. 00:02:01

45 - Refs In Class Components
Урок 47. 00:06:04

46 - useMemo Hook
Урок 48. 00:05:05

47 - useCallback Hook
Урок 49. 00:02:51

48 - Custom Hooks
Урок 50. 00:07:55

49 - useFetch Custom Hook Project Introduction
Урок 51. 00:08:32

50 - useFetch Custom Hook Project Walkthrough
Урок 52. 00:01:57

51 - useArray Custom Hook Project Introduction
Урок 53. 00:09:54

52 - useArray Custom Hook Project Walkthrough
Урок 54. 00:02:45

53 - useLocalStorage Custom Hook Project Introduction
Урок 55. 00:06:36

54 - useLocalStorage Custom Hook Project Walkthrough
Урок 56. 00:06:15

55 - Form Basics
Урок 57. 00:03:18

56 - One Way Data Flow
Урок 58. 00:03:46

57 - useState vs useRef
Урок 59. 00:03:22

58 - Basic Form Validation Project Introduction
Урок 60. 00:22:28

59 - Basic Form Validation Project Walkthrough
Урок 61. 00:06:57

60 - Form Libraries
Урок 62. 00:18:12

61 - React Hook Form Implementation
Урок 63. 00:09:44

62 - useReducer Hook
Урок 64. 00:09:23

63 - useContext Hook
Урок 65. 00:03:16

64 - Context In Class Components
Урок 66. 00:07:39

65 - Local State Is Best
Урок 67. 00:08:20

66 - Never Store Derived State
Урок 68. 00:05:57

67 - Environment Variables
Урок 69. 00:02:40

68 - Advanced Todo List Introduction
Урок 70. 00:25:14

69 - Advanced Todo List Walkthrough
Урок 71. 00:09:41

70 - Routing Without A Library
Урок 72. 00:08:33

71 - React Router Basics
Урок 73. 00:18:14

72 - Nested Routes
Урок 74. 00:11:02

73 - Dynamic Routes
Урок 75. 00:09:21

74 - Loaders
Урок 76. 00:06:52

75 - Basic Routing Project Introduction
Урок 77. 00:54:25

76 - Basic Routing Project Walkthrough
Урок 78. 00:17:02

77 - Actions
Урок 79. 00:03:27

78 - Advanced Routing Project Introduction
Урок 80. 00:32:38

79 - Advanced Routing Project Walkthrough
Урок 81. 00:04:44

[UPDATE] 34.2 - Activity

https://github.com/WebDevSimplified/React-Simplified-Beginner-Projects

Автор - webdevsimplified.com

webdevsimplified.com

Меня зовут Кайл, и я являюсь веб-разработчиком с 2015 года. У меня есть диплом инженера-компьютерщика, но в основном я занимаюсь веб-разработкой. Благодаря этому я могу использовать как свое формальное образование, так и свой опыт работы разработчиком-самоучкой, чтобы создать самые всесторонние и простые для понимания доступные курсы. Я также управляю каналом YouTube Web Dev Simplified с более чем 50 000 подписчиков и работаю на постоянной основе

+110

Другие материалы в этой категории

CourseHunter Team

1 дек. 2025 г., 03:08

React 19.2 Update
Below is a list of each video that was added/updated since the React 19 update of the course in the order they appear in the course.

Setup
[Partial] - Your First React App

Added: 01:18 - 03:39

Updated to include React Compiler configuration options

Advanced Components
[NEW] - Activity (LESSON 81)

Covers the new Activity React component
dudecy

26 нояб. 2025 г., 19:34

Please update
Vasily

5 нояб. 2025 г., 04:58

62 and 63 are the same video
Ostap

7 апр. 2025 г., 15:37

Can you add new lesson:
0. React 19 Update - 2 mins
CourseHunter Team Ostap

8 апр. 2025 г., 02:19

You can download it, it's at materials archive
CourseHunter Team Ostap

8 апр. 2025 г., 02:17

Make no sense. Here is a summary.

This is a full changelog of every video that has been changed/added since the original recording of this course. These changes are broken down into 2 categories.

1. Full Re-Records
- Each video in this section was fully re-recorded to account for changes/updates in React.
2. Partial Updates
- Each video in this section had part of the video added/changed, but the majority of the video is still the same.

Below is a list of each video that was changed/added in the order they appear in the course.

### Setup

1. **[Re-Record]** - Your First React App
- Updated with the latest Vite changes

### Advanced Components

1. **[Re-Record]** - User List Project Introduction/Walkthrough
- Redid the code to make it easier to understand/follow

### Basic Hooks

1. **[Re-Record]** - useFetch Project Intro/Walkthrough
- Redid the code to make it easier to understand/follow

### Advanced Stateful Components

1. **[Partial]** - useContext Hook
- Added: 04:55 - 05:16
- Updated to mention `.Provider` is no longer needed

### Routing

1. **[Partial]** - React Router Basics
- Added: 00:30 - 01:10
- Changed `react-router-dom` import to `react-router`
- Added 03:08 - 03:36
- Updated `RouterProvider` import to `react-router/dom`
gck2710

5 авг. 2023 г., 17:18

please update the course
dudecy

5 авг. 2023 г., 15:38

please update
jhon

31 июл. 2023 г., 23:43

Update this course

Упрощенный React - Начинающим

Ограничение времени просмотра

Автор - webdevsimplified.com

webdevsimplified.com

Другие материалы в этой категории

50-дневный React Буткемп: Создание 50 реальных проектов с React

React 2024: React, Redux и многое другое

React для начинающих

Intermediate React, v5

Упрощенный React - Продвинутым

React. Интенсивный курс для программистов 2023

ADVANCED REACT. Что происходит под капотом?