12 added
60 removed
Original
2026-01-01
Modified
2026-02-26
1
-
<p>1</p>
1
+
<p>Основы React и JSX</p>
2
-
<a>Введение</a><p>Познакомиться с курсом и подготовить окружение.</p>
2
+
<p>Компоненты как базовые единицы React, использование JSX, передача данных через props</p>
3
-
<p>2</p>
3
+
<p>Работа с коллекциями и особенностями JSX</p>
4
-
<a>Компоненты</a><p>Познакомиться с базовой единицей в react - компонентом. Научиться его создавать и отрисовывать в браузере.</p>
4
+
<p>Обработка коллекций данных, различия между JSX и HTML, динамическая обработка классов компонентов</p>
5
-
<p>3</p>
5
+
<p>Состояние и события</p>
6
-
<a>JSX</a><p>Научиться эффективно использовать jsx.</p>
6
+
<p>Работа со state в компонентах, система событий React, управление вложенными компонентами через children</p>
7
-
<p>4</p>
7
+
<p>Архитектура и неизменяемость данных</p>
8
-
<a>Props</a><p>Познакомиться с механизмом передачи данных в компоненты.</p>
8
+
<p>Автоматное программирование, формы, работа с неизменяемыми структурами данных, хранение состояния и событий во вложенных компонентах</p>
9
-
<p>5</p>
9
+
<p>Глобальное состояние и оптимизация</p>
10
-
<a>Работа с коллекциями</a><p>Научиться обрабатывать коллекции данных внутри компонентов.</p>
10
+
<p>Функциональные компоненты, Context API для глобального состояния, Virtual DOM, основы тестирования React-приложений</p>
11
-
<p>6</p>
11
+
<p>Жизненный цикл, производительность и работа с DOM</p>
12
-
<a>Различия jsx и html</a><p>Узнать об особенностях jsx, которые работают не так как в html.</p>
12
+
<p>Асинхронная обработка событий, жизненный цикл компонентов, оптимизация производительности, использование Refs для взаимодействия с DOM</p>
13
-
<p>7</p>
14
-
<a>Обработка имён классов</a><p>Научиться правильно работать с классами компонентов, которые могут изменяться динамически.</p>
15
-
<p>8</p>
16
-
<a>Children</a><p>Научиться создавать компоненты боксы, способные работать с вложенными компонентами.</p>
17
-
<p>9</p>
18
-
<a>Состояние</a><p>Познакомиться с созданием stateful компонентов. Научиться добавлять интерактивности.</p>
19
-
<p>10</p>
20
-
<a>События</a><p>Познакомиться с особенностями системы событий React.</p>
21
-
<p>11</p>
22
-
<a>Автоматное программирование</a><p>Вспомнить что все вокруг автоматы. Научиться правильно работать с автоматами в React.</p>
23
-
<p>12</p>
24
-
<a>Формы</a><p>Изучить принципы взаимодействия с формами.</p>
25
-
<p>13</p>
26
-
<a>Неизменяемость</a><p>Научиться работать с составными структурами в неизменяемом стиле и познакомиться с библиотекой `immutability-helper`</p>
27
-
<p>14</p>
28
-
<a>Вложенные компоненты</a><p>Разобраться с хранением состояния и управлением событиями во вложенных компонентах.</p>
29
-
<p>15</p>
30
-
<a>Функциональные компоненты</a><p>Рассмотреть создание компонентов на основе функций и использования пространств имён.</p>
31
-
<p>16</p>
32
-
<a>Контекст (Context API)</a><p>Познакомиться с удобным способом получать доступ к глобальному состоянию во вложенных компонентах</p>
33
-
<p>17</p>
34
-
<a>Virtual Dom</a><p>Познакомиться с устройством React</p>
35
-
<p>18</p>
36
-
<a>Тестирование</a><p>Узнать о проблемах, которые поджидают разработчика при работе с исходным кодом.</p>
37
-
<p>19</p>
38
-
<a>Асинхронная обработка</a><p>Узнать об особенностях работы с объектом событием в асинхронном коде. Попрактиковаться в создании асинхронных обработчиков.</p>
39
-
<p>20</p>
40
-
<a>Жизненный цикл компонента</a><p>Познакомиться с жизненным циклом компонента в процессе работы.</p>
41
-
<p>21</p>
42
-
<a>Производительность</a><p>Научиться выжимать из React максимальную производительность.</p>
43
-
<p>22</p>
44
-
<a>Refs</a><p>Научиться взаимодействовать с реальным DOM для интеграции сторонних компонентов.</p>
45
-
<p>23</p>
46
-
<a>Введение в хуки</a><p>Узнаем для чего нужны хуки</p>
47
-
<p>24</p>
48
-
<a>Хук useState</a><p>Знакомимся с принципами работы хуков и изучаем самый базовый, отвечающий за работу с состоянием</p>
49
-
<p>25</p>
50
-
<a>Хук useEffect</a><p>Учимся изолировать побочные эффекты с помощью хуков</p>
51
-
<p>26</p>
52
-
<a>Хук useContext</a><p>Учимся работать с контекстом через хуки</p>
53
-
<p>27</p>
54
-
<a>Хук useRef</a><p>Учимся получать доступ к DOM-элементам с помощью хуков</p>
55
-
<p>28</p>
56
-
<a>Хуки useCallback и useMemo</a><p>Учимся создавать значения с Memo</p>
57
-
<p>29</p>
58
-
<a>Композиция компонентов</a><p>Учимся выстраивать правильную композицию и оптимизировать приложение без memo</p>
59
-
<p>30</p>
60
-
<a>Заключение</a><p>Подвести итоги курса</p>