Курс «Junior React разработчик»

Share
11990 ₽
Bag

About

Курс рассчитан на разработчиков, уже имеющих опыт в JS, но только начинающих изучать React. Мы разберём всё, что необходимо знать Junior React разработчику — от концептуальных вещей до практических задач. 
5d55fceddc5e4717dda7ee172ce85b088c6173fd

Authors

  • CSSSR

    CSSSR School

Course Content

    • 1.1. Введение в React
      1.2. Ссылки по теме «Введение в React»
      1.3. История React
      1.4. Ссылки по теме «История React»
      1.5. Какие задачи решает React
      1.6. Ссылки по теме «Какие задачи решает React»
    • 2.1. Из чего состоит React
      2.2. Деструктуризация в ES6
      2.3. Import/export
      2.4. Где писать код для React — онлайн и локально
      2.5. ES6 операторы, использующиеся в React
      2.6. Дополнительные материалы
      2.1. ES6 операторы в React №1
      2.2. ES6 операторы в React №2
      2.3. Деструктуризация
      2.4. Import/export
    • 3.1. Как компоненты доставляются в DOM
      3.2. Перерендер, маунтинг, уничтожение и обновление компонентов
      3.3. Дерево компонентов
      3.1. Инопланетный счётчик
      3.2. Переключатель RGB-лампочек
      3.3. Недописанный класс-подписчик
    • 4.1. Events и ref
      4.2. Дополнительные ссылки
    • 5.1. Принцип единой ответственности
      5.2. Глупые компоненты
      5.3. npm-пакеты и использование semver
      5.4. prop-types и функциональные компоненты
      5.5. Функциональные компоненты (aka Stateless aka Компоненты без состояния)
      5.1. Рефакторинг приложения
    • 6.1. Проблемы организации состояния приложения
      6.2. Пример кода
      6.3. Пример кода с консольным интерфейсом
      6.4. Конкретные реализации flux
    • 7.1. На чём основана библиотека Redux
      7.2. Реализация шаблона
      7.3. Внедрение шаблона в приложение
      7.1. Отмена подписки
    • 8.1. Терминология Redux
      8.2. Ссылки к уроку
    • 9.1. Основные элементы библиотеки
      9.2. Пишем свой редьюсер
      9.3. Пример редьюсера
      9.1. Доработка редьюсера
    • 10.1. Внутреннее устройство библиотеки
      10.2. Простая реализация библиотеки
      10.3. Пример из практической части
      10.1. Реализуем отписку от изменений
    • 11.1. Redux и Vanila JS
      11.2. Код примера использования Redux. VanillaJS
      11.3. Redux и React
      11.4. Код примера использования Redux. React
      11.1. Сумма счётчиков
    • 12.1. Методы отслеживания работы — Middleware
      12.2. Код Logger
      12.3. Методы отслеживания работы — Redux DevTools
      12.4. Методы отслеживания работы — Remote Redux DevTools
      12.5. Дополнительные материалы
    • 13.1. Понятие чистых функций, иммутабельности
      13.1. Удаление последнего элемента из массива
    • 14.1. Введение в работу с Webpack
      14.2. Конфигурация
      14.3. Начальная настройка проекта
      14.4. Добавляем обработку кода
      14.5. Загрузчики
      14.6. Собираем React-приложение
      14.7. Inline-загрузчики
      14.8. Плагины
      14.9. Переменные окружения
      14.10. Улучшаем разработку
      14.11. Едем в прод
      14.12. Заключение
    • 15.1. Введение: зачем и как разделять код?
      15.2. Несколько точек входа (Multiple Entries)
      15.3. Разделение на чанки (chunks)
      15.4. Динамические импорты
      15.5. Деление на уровне роутинга
      15.6. Именование чанков
      15.7. Заключение
    • 16.1. Методы анализа места, которое занимают библиотеки
      16.2. Способы экономии места/Дополнительные оптимизации
      16.1. Итоговое задание по Webpack.
    • 17.1. Атомарный дизайн в React
      17.2. Атомы, молекулы, организмы: философия атомарного дизайна
      17.3. Виды стилизации компонентов, достоинства и недостатки
      17.4. Inline стили
      17.5. Переиспользование стилей
      17.6. Анимация
      17.7. Кроссбраузерность
      17.1. Inline стили
      17.2. Переиспользование стилей
      17.3. React анимация
    • 18.1. Введение в оптимизацию React-приложений
      18.2. React Perf
      18.3. «Performance» Chrome
      18.4. React Developer Tools
      18.5. Дополнительные ссылки
      18.1. Redux Devtools, time travel
      18.2. Оптимизация анимации
    • 19.1. Ускоряем время старта приложения
      19.2. Причины плохой производительности React
      19.3. Причины плохой производительности Redux
      19.4. Оптимизация серверного рендеринга
      19.5. Визуальное ускорение приложения
      19.6. Оптимистическое обновление
      19.7. Redux-form. Основные элементы
      19.8. Работа с API
      19.9. Скроллинг с автопрогрузкой
      19.1. Оптимизация рендера компонентов React
    • 20.1. Общее описание
      20.1. Стандартное задание
      20.2. Продвинутое задание