Видео курс React Advanced. Оптимизация и производительность React приложений - видео курсы ITVDN
ITVDN: курсы программирования
Видеокурсы по
программированию

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

    Подписка

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

    Подписка

      ×

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

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

      ВИДЕОУРОК №6. Оптимизация и производительность React приложений

      Для просмотра полной версии видеокурса, онлайн тестирования и получения доступа к дополнительным учебным материалам купите курс Купить курс
      Для просмотра всех видеокурсов 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:38
      Что такое Virtual DOM?
      0:02:12
      Принцип согласования в React. React Reconciliation
      0:04:30
      Как это работает на практике?
      0:14:06
      Уникальные ключи. React Reconciliation: KEYS
      0:16:48
      Метод shouldComponentUpdate
      0:24:20
      Как работает PureRenderMixin
      0:27:52
      Библиотека Immutable.js
      0:29:32
      Библиотека Why-did-you-update
      0:31:22
      Анонимные объекты, при рендере, создаются заново
      0:32:46
      Оптимизация Redux приложений
      0:37:12
      Библиотека notmalizr
      0:43:51
      Оптимизация Bundle приложения
      0:45:23
      Подключение ExtractTextPlagin
      0:45:51
      Вынос вендерных пакетов в отдельный файл. Code Splitting
      0:48:01
      Инструмент - Webpack Analyzer
      0:49:49
      Инструмент - Webpack Bundle Analyzer
      0:50:13
      Инструмент - Babel React Optimize
      ПОКАЗАТЬ ВСЕ
      Студенты также смотрят

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

      Библиотека современных IT знаний в удобном формате

      Выбирай свой вариант подписки в зависимости от задач, стоящих перед тобой. Но если нужно пройти полное обучение с нуля до уровня специалиста, то лучше выбирать Базовый или Премиум. А для того чтобы изучить 2-3 новые технологии, или повторить знания, готовясь к собеседованию, подойдет Пакет Стартовый.

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