Оптимізація та продуктивність React додатків
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 $
      Придбати
      Базовий
      • Усі відеокурси на 6 місяців
      • Тестування з 16 курсів
      • Перевірка 10 домашніх завдань
      • Консультація з тренером 60 хв
      89.99 $
      Придбати
      Преміум
      • Усі відеокурси на 1 рік
      • Тестування з 24 курсів
      • Перевірка 20 домашніх завдань
      • Консультація з тренером 120 хв
      169.99 $
      Придбати
      коментарі та обговорення
      Notification success
      Ми використовуємо cookie-файли, щоб зробити взаємодію з нашими веб-сайтами та послугами простою та значущою.