Курс на Stepik
Обложка курса «React FSD: Продвинутая архитектура для крупных приложений» на Stepik
1 000 ₽

React FSD: Продвинутая архитектура для крупных приложений 5.000

Открыть на
STEPIK.ORG

Этот курс представляет собой серию увлекательных квестов, в которых вы будете осваивать передовые методы разработки React-приложений с использованием архитектуры Feature-Sliced Design (FSD). Через практические задания и реальные кейсы вы научитесь строить масштабируемые и легко поддерживаемые приложения, управлять состоянием, оптимизировать производительность и писать тесты, обеспечивающие надежность вашего кода.

Показатель Текущие показатели Рост
Значение 🏆 Рейтинг 3 дн 7 дн 30 дн
Количество учеников на курсе «React FSD: Продвинутая архитектура для крупных приложений»Учеников на курсе 3
Сертификаты, выданные на курсе «React FSD: Продвинутая архитектура для крупных приложений»Сертификатов выдано 2
Отзывы о курсе «React FSD: Продвинутая архитектура для крупных приложений»Отзывов получено 1
Рейтинг курса «React FSD: Продвинутая архитектура для крупных приложений»Рейтинг курса 5.000
Уроки в курсе «React FSD: Продвинутая архитектура для крупных приложений»Количество уроков 31
Тесты в курсе «React FSD: Продвинутая архитектура для крупных приложений»Количество квизов 507
Стоимость курса «React FSD: Продвинутая архитектура для крупных приложений»Стоимость курса 1 000 ₽
Обновления курса «React FSD: Продвинутая архитектура для крупных приложений»Обновления курса
Дата публикации курса «React FSD: Продвинутая архитектура для крупных приложений»Дата публикации курса
Последнее обновление курса «React FSD: Продвинутая архитектура для крупных приложений»Последнее обновление
Сложность normal

Содержание курса

Разделы в курсе «React FSD: Продвинутая архитектура для крупных приложений» 8 разделов Уроки в курсе «React FSD: Продвинутая архитектура для крупных приложений» 31 урок Тесты в курсе «React FSD: Продвинутая архитектура для крупных приложений» 507 тестов Последнее обновление курса «React FSD: Продвинутая архитектура для крупных приложений» обн. 1 год назад

Введение в FSD

3 урока
1. Почему стандартная структура компонентов не масштабируется
2. Основные принципы Feature-Sliced Design
3. Обзор слоев: App, Pages, Features, Entities, Shared

Организация слоев

4 урока
1. Слои проекта: как выбрать правильную структуру
2. Entities: хранение бизнес-логики и моделей
3. Features: организация функциональных блоков
4. Shared: создание переиспользуемых компонентов

Компоненты и переиспользование

4 урока
1. Atomic Design vs FSD: где границы компонентов
2. Контейнерные и презентационные компоненты
3. Разделение UI и логики
4. Хуки и кастомные хуки как отдельная фича

State Management

4 урока
1. Redux Toolkit и организация фичей
2. Локальный state в компонентах и фичах
3. Shared state между фичами
4. Использование RTK Query для асинхронных данных

Routing и асинхронность

4 урока
1. Lazy loading и code splitting по фичам
2. Routing на уровне Pages и Features
3. Асинхронные данные и управление эффектами
4. Сценарии fallback и error boundaries

Тестирование и документация

4 урока
1. Unit-тесты компонентов и фич
2. Integration-тесты для слоев Features и Entities
3. Storybook и документация
4. Сценарии end-to-end тестирования

Оптимизация и производительность

4 урока
1. Оптимизация рендеринга компонентов
2. Использование React.memo и useMemo
3. Профилирование и устранение узких мест
4. Lazy-loading фич и компонентов

Практический проект

4 урока
1. Планирование структуры проекта по FSD
2. Разработка фич и слоев
3. Подключение state и routing
4. Тестирование и оптимизация