Видео курс React Advanced. Redux – final part - курсы ITVDN
ITVDN: курсы программирования
Видеокурсы по
программированию

    Выбери свою IT специальность

    Начать бесплатно

    Выбери свою IT специальность

    Начать бесплатно

      ×

      Вы открыли доступ к тесту! Пройти тест

      Вы действительно хотите открыть доступ к тестированию по курсу React Углубленный на 40 дней?

      ВИДЕОУРОК №5. Redux – final part

      Для просмотра полной версии видеокурса, онлайн тестирования и получения доступа к дополнительным учебным материалам купите курс Купить курс
      Для просмотра всех видеокурсов ITVDN, представленных в Каталоге, а также для получения доступа к учебным материалам и онлайн тестированию купите подписку Купить подписку
      В первом уроке курса вы познакомитесь с Redux и его основными принципами и концепциями. Также вы рассмотрите схематическое представление data flow в Redux.
      Читать дальше...
      Во втором уроке вы подробно разберёте тему настройки окружения для будущих проектов.
      Читать дальше...
      В третьем уроке вы начнёте практическое знакомство с Redux. Вы разберёте принцип работы его API на примере простого чата.
      Читать дальше...
      На четвёртом уроке вы продолжите практиковаться в написании приложений на Redux, и узнаете, как работает HMR. Вы начнёте писать полноценное приложение – чат, а также познакомитесь с такими полезными инструментами, как ESLint, Redux DevTools.
      Читать дальше...
      Это заключительный практический урок по Redux, в этом уроке мы допишем с вами чат начатый еще в предыдущем уроке, будем использовать WebSocket-сервер, узнаем что такое Higher-Order Component и еще раз хорошенько закрепим все знания касательно Redux.
      Читать дальше...
      В этом уроке мы, неожиданно для себя, узнаем, что React может быть медленным – поймем когда это может происходить и как с этим бороться. Вместе с этим мы познакомимся с различными инструментами, которые позволяют выявить наличия узких мест в ваших React приложениях, инструментов для оптимизации и анализа. Также мы узнаем о таком понятии как «нормализация» хранилища в Redux, узнаем чем хороши иммутабельные структуры данных в JavaScript и узнаем как сделать билд вашего приложения стройнее и худее.
      Читать дальше...
      В данном уроке Вы ознакомитесь и научитесь применять главные инструменты для тестирования приложений React и Redux. А так же, изучив материал занятия, Вы узнаете о тестировании React-компонентов с подключенным Redux.
      Читать дальше...
      В этом уроке вы познакомитесь с принципом построения изоморфных приложений с использованием React, узнаете об их основных преимуществах и научитесь создавать собственные изоморфные приложение применяя технику Server Side Rendering.
      Читать дальше...
      ПОКАЗАТЬ ВСЕ
      основные темы, рассматриваемые на уроке
      0:00:56
      Что такое WebSocket?
      0:02:15
      Подготовка проекта, WebSocket Chat
      0:06:08
      Структура файла app.js
      0:08:35
      Подключение к WebSocket, файл ws.js
      0:12:06
      Идентификация пользователя, Higher-Order Component
      0:19:24
      Создание Higher-Order Component, файл hocLoader.js
      0:22:32
      Доработка hocLoader
      0:28:05
      Создание компонента ChatWrap.js
      0:30:51
      Создание authHOC.js, проверка авторизации пользователя
      0:33:56
      Когда "Hot Module Replacement" усложняет разработку?
      0:36:03
      Отправка сообщений по WebSocket
      0:40:35
      Использование nodemon для автоматической перезагрузки сервера
      0:41:51
      Уведомление о подключении нового пользователя
      0:42:41
      Уникальный ID пользователя
      0:45:11
      Оповещение клиентов при дисконекте, использование KeyMirror
      0:47:09
      Разделяем PeopleList.js на компоненты (PeopleItem, PeopleSearch)
      0:49:45
      Восстанавливаем работу с ESlint
      0:53:04
      Пишем action для дисконекта
      0:55:28
      Разделяем код на компоненты
      0:57:21
      Вывод сообщений в чате
      1:06:25
      Scroll сообщений
      ПОКАЗАТЬ ВСЕ
      Студенты также смотрят
      Пакеты подписки с доступом ко всем курсам и сервисам

      Пакеты подписки с доступом ко всем курсам и сервисам

      Стартовый
      • Все видеокурсы на 3 месяца
      • Тестирование по 10 курсам
      • Проверка 5 домашних заданий
      • Консультация с тренером 30 мин
      Базовый
      • Все видеокурсы на 6 месяцев
      • Тестирование по 16 курсам
      • Проверка 10 домашних заданий
      • Консультация с тренером 60 мин
      Премиум
      • Все видеокурсы на 1 год
      • Тестирование по 24 курсам
      • Проверка 20 домашних заданий
      • Консультация с тренером 120 мин
      комментарии и обсуждения
      Notification success
      Мы используем cookie-файлы, чтобы сделать взаимодействие с нашими веб-сайтами и услугами простым и значимым.