Во время второго блока будут сформированы команды, консультации перейдут в режим командных встреч. На таких встречах мы определимся с проектом, сформируем набор функционала, который и будет нашей целью на курс. Вы разработаете макеты и к концу блока сверстаете все страницы командного проекта на React.
2.1.
Познакомимся с историей появления веб-фреймворков, обсудим достоинства и недостатки React, начнем разрабатывать первые компоненты на React.
2.2.
Изучим best practise по организации структуры React приложения. Углубимся в детали рендеринга React компонентов. Начнем применять современный подход CSS-IN-JS стилизации React компонентов на базе styled-components.
2.3.
Научимся правильно работать с основными составляющими React компонентов — Props и State, которые помогут добавить гибкость компонентам. Разберемся с правильным методом взаимодействия с DOM элементами из React компонентов.
2.4.
Продолжим изучать API React, посмотрим способы взаимодействия с дочерними компонентами, узнаем, как избежать проблемы с бесконечными прокидываниями props с помощью context. Познакомимся с альтернативным подходом расширения возможностей React компонента.
2.5.
Разберем жизненный цикл компонента, поймем, как в него внедряться, что позволит обогащать компоненты новыми видами логики.
2.6.
Поймем, как React смог полностью уйти от классовых компонентов в сторону функциональных с помощью нового паттерна Hooks. Познакомимся с основными хуками React.
2.7.
Выясним, как именно работает переключение между страницами без перезагрузки, а также внедрим в работу React-Router.
П.2.8
Научимся разрабатывать мультиязычные React приложения.
2.9.
Рассмотрим способы для внедрения гибкости в стилизации интерфейса, работу с темами (например, светлая/темная), работу с иконками и анимациями на примере lotty.