Программа подготовки Реакт Воина
1
Неделя 1
Введение. Работа с формами
  • Зачем был придуман ReactJS
  • VirtualDOM, JSX, Сreate-react-app
  • Props и State компонентов
  • Разбираем взаимодействие компонентов
  • Работа со всеми видами input
  • Controlled и uncontrolled компоненты
  • Взаимодействие с DOM - разбор refs
  • Валидация полей
  • Продвинутое понимание функции setState и примеры использования
2
Неделя 2
Работа со списками и их фильтрация
  • Жизненный цикл компонента v15 vs v16
  • Продвинутая работа с REST API (fetch, axios)
  • Вложенные компоненты в JSX при помощи props.children
  • Разбор PropTypes
3
Неделя 3
Авторизация пользователя
  • Все про авторизацию в вебе (JWT)
  • Глубокое понимание асинхронности
  • Цепочка промисов, async await
  • Обработка ошибок
  • Разработка формы авторизации
  • Все виды стилизации компонентов (Sass, CSS in JS, CSSModules)
4
Неделя 4
Паттерны React
Роутинг приложения (SPA)
  • React Context API - механизм связывания компонентов
  • Разбираем фундаментальный паттерн мира React - High Order Components (HOC)
  • Пишем свои первые HOC'и, Recompose
  • Render props
  • Делаем свое первое Singe-page application (SPA)
  • Зачем нужен роутинг и как он устроен, проектируем структуру приложения
  • Разбираем React-router v4
5
Неделя 5
Аутентификация и продвинутая навигация в SPA
Тестирование компонентов
  • Реализовываем контроль доступа для каждой страницы
  • Как писать тестируемые компоненты и что за этим стоит
  • TDD, BDD
  • Jest, Enzyme
  • Тестируем компоненты "вручную" и "автоматически"
    6
    Неделя 6
    Redux - хранилище данных
    Архитектура проектов
    • Однонаправленный data-flow
    • Основные концепции Redux
    • Reducers, Actions, React-redux
    • Async action. Thunk
    • Redux-dev-tools
    • Middleware
      7
      Неделя 7
      Работа с Side-effects
      Тестирование Redux
      • React-router-redux
      • Разбор Generator, Redux-saga
      • Тестирование роутинга
      • Тестирование редакса
        8
        Неделя 8
        Perfomance
        Reconciliation
        React Hooks
        • Анализ производительности и оптимизация (Profiler)
        • Мемоизация, Reselect
        • Разбор Reconciliation (как устроен Fiber)
        • Какие проблемы решает React Hooks и куда движется экосистема
          9
          Неделя 9-10
          Собираем все в кучу
          Заканчиваем проекты => Собираем все в кучу
          Разбор типичных вопросов на собеседовании
          Разбор тестовых заданий
            ЧТО ВХОДИТ В КАЖДУЮ НЕДЕЛЮ
            1
            ТЕОРЕТИЧЕСКИЕ МАТЕРИАЛЫ и ВИДЕО
            Вся теория изложена в простом и понятном формате.
            Статьи с детальным разбором каждой темы.
            Видео с несколькими примерами, чтобы показать как применять теорию на практике
            2
            ГРУППОВОЙ СОЗВОН 2.5 часа ВТ, ЧТ с 9.00-11.30
            Сессия Вопрос-Ответ, Разбор типичных ошибок
            3
            ВОРКШОП КАЖДУЮ СУББОТУ С 11.00-15.00
            Разбор хороших практик, ответы на все вопросы
            4
            ЗАДАНИЕ ЭТАПА
            Для закрепления материала после разбора теории и практики нужно будет выполнить задание, которое будет проверяться

            5
            ЛИЧНЫЕ КОНСУЛЬТАЦИИ каждую неделю
            Code review всех заданий и созвон в скайпе
            Доступ в личный кабинет
            Учебные проекты
            Наставник
            Подгаецкий Евгений
            Front-end разработчик в Talkable
            4 года в веб-разработке
            3 года пишу на ReactJS
            РЕЗУЛЬТАТЫ
            22 студента
            Прошли обучение со мной
            18 студентов
            Устроились на позицию
            Junior+ Front-End Developer
            в течении 1 месяца
            1 Bootcamp
            Обучил группу из 7 человек для продуктовой компании со специализацией
            (ReactNative, Mobx)
            Made on
            Tilda