← Все навыки

Архитектура компонентов и управление состоянием

курс про архитектуру фронтенд-проекта: композиция компонентов, управление состоянием, дизайн-системы и структура кодовой базы. Для тех, кто отвечает не за экран, а за проект целиком.

6 модулей, 13 тем Middle Индивидуально с ментором

Программа

Вводный модуль

  • О курсе и как с ним работать

Композиция и паттерны компонентов

  • Лекция 1.1. Композиция как архитектурный инструмент
  • Лекция 1.2. Продвинутые паттерны
  • Лекция 1.3. Декомпозиция интерфейса

Управление состоянием

  • Лекция 2.1. Контекст: возможности и пределы
  • Лекция 2.2. Стейт-менеджеры: выбор с обоснованием
  • Лекция 2.3. Нормализация данных

Дизайн-системы и UI-киты

  • Лекция 3.1. Стилизация на масштабе и дизайн-токены
  • Лекция 3.2. UI-кит: готовый, headless или свой
  • Лекция 3.3. UI-кит как продукт

Архитектура фронтенд-проекта

  • Лекция 4.1. Структура проекта и FSD
  • Лекция 4.2. Монорепозитории и шаринг кода

Вопросы с собеседований

  • Вопросы с собеседований по темам курса

Что разбираем

  • Композиция как архитектурный инструмент, продвинутые паттерны компонентов, декомпозиция интерфейса
  • Контекст — возможности и пределы, выбор стейт-менеджера с обоснованием, нормализация данных
  • Стилизация на масштабе и дизайн-токены, UI-кит готовый, headless или свой, UI-кит как продукт
  • Структура проекта и FSD, монорепозитории и шаринг кода
  • Вопросы с собеседований по темам курса

Как проходит обучение

  • Занятия один на один с ментором под ваш темп и пробелы
  • Материалы курса открываются в личном кабинете, практику разбираете на встречах
  • Программа собирается под цель: подготовка к собеседованию или рабочая задача