Оптимізація та продуктивність React додатків
ITVDN: курси програмування
Відеокурси з
програмування

Замовити дзвінок

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

Підписка

Замовити дзвінок

+38 099 757 27 82

×

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

Ви дійсно бажаєте відкрити доступ до тестування за курсом 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 $
Придбати
Halloween
  • Усі відеокурси на 15 місяців
  • Тестування з 24 курсів
  • Перевірка 20 домашніх завдань
  • Консультація з тренером 120 хв
  • Завантаження відео уроків
  • Можливість призупинення навчання
110.00 $
220.00 $
Придбати
Акція
Базовий
  • Усі відеокурси на 12 місяців
  • Тестування з 16 курсів
  • Перевірка 10 домашніх завдань
  • Консультація з тренером 60 хв
89.99 $
Придбати
коментарі та обговорення
Notification success