React Advanced на уровне middle

Программа курса

Ознакомьтесь с программой курса «React Advanced на уровне middle» от Result University - result.school

1. Жизненные циклы. Разберете, как работают жизненные циклы в классовых и функциональных компонентах, научитесь управлять рендерингом и оптимизировать производительность. Узнаете, почему иммутабельность данных критически важна в React и как избежать распространё…
2. Хуки. Освоите все ключевые хуки React — от базовых (useState, useEffect) до продвинутых (useTransition, useDeferredValue). Поймете, как эффективно управлять состоянием, side-эффектами и рефами, а также оптимизировать перерисовки компонентов.
3. Пользовательские хуки. Научитесь создавать переиспользуемые хуки для типовых задач: управление локальным хранилищем, дебаунс, throttle, работа с массивами. Это сократит дублирование кода и упростит поддержку проекта.
4. Формы. Узнаете, как правильно работать с формами в React: контролируемые и неконтролируемые поля, валидация, управление фокусом. На практике реализуете сложные формы с динамическими полями и сбросом состояния.
5. React Router v6. Настроите клиентскую маршрутизацию с вложенными страницами, динамическими параметрами и защищёнными роутами. Разберёте хуки (useNavigate, useSearchParams) и оптимизацию загрузки страниц.
6. Context API. Поймете, когда стоит использовать Context вместо Redux/MobX. Научитесь передавать данные и события через провайдеры, избегая лишних ререндеров с помощью мемоизации.
7. Оптимизация. Научитесь увеличивать скорость приложений через lazy loading, Error Boundaries и Infinity Scroll. Узнаете, как useTransition помогает сохранять отзывчивость интерфейса при тяжёлых рендерах.
8. Архитектура приложения. Спроектируете структуру проекта для легкого масштабирования: от выбора сборщика (Vite/webpack) до интеграции дизайн-систем. Разберёте паттерны организации кода.
9. PWA. Превратите приложение в Progressive Web App: научитесь настраивать сервис-воркеры, кэшировать статику и данные, обеспечивать работу в офлайн-режиме. Проверите качество через Lighthouse.
10. Итоговый проект. Создадите упрощенную копию macOS-приложения «Заметки» на TypeScript с React Router v6, хуками и PWA-функционалом. Закрепите все пройденные темы в реальном проекте.

Чему вы научитесь

• Освоите и сможете применять: формы. узнаете, как правильно работать с формами в react контролируемые и неконтролируемые поля, валидация, управление фокусом. на практике реализуете сложные формы с динамическими полями…
• Освоите и сможете применять: итоговый проект. создадите упрощенную копию macos приложения «заметки» на typescript с react router v6, хуками и pwa функционалом. закрепите все пройденные темы в реальном проекте.
• Хуки. Освоите все ключевые хуки React от базовых (useState, useEffect) до продвинутых (useTransition, useDeferredValue). Поймете, как эффективно управлять состоянием, side эффектами и рефами, а также оптимизировать…
• PWA. Превратите приложение в Progressive Web App научитесь настраивать сервис воркеры, кэшировать статику и данные, обеспечивать работу в офлайн режиме. Проверите качество через Lighthouse.
• Context API. Поймете, когда стоит использовать Context вместо Redux/MobX. Научитесь передавать данные и события через провайдеры, избегая лишних ререндеров с помощью мемоизации.