Ізоморфні програми на React та Server Side Rendering
ITVDN: курси програмування
Відеокурси з
програмування

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

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

Підписка

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

+38 099 757 27 82

×

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

Ви дійсно бажаєте відкрити доступ до тестування за курсом React Поглиблений на 40 днів?

ВІДЕОУРОК № 8. Ізоморфні програми на React та Server Side Rendering

Для перегляду повної версії відеокурсу, онлайн тестування та отримання доступу до додаткових навчальних матеріалів придбайте курс Придбати курс
Для перегляду всіх відеокурсів 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:45
Как правильно? Isomorphic or Universal?
0:01:26
Как это работает? Галлерея картинок. Unsplash API
0:08:13
Server side rendering
0:09:26
Использование "babel-node server.js"
0:12:38
Подключение стилей
0:15:04
Режим webpack --watch
0:16:40
Benefits of SSR
0:18:37
"Better overall UX" на примере модального окна
0:25:35
Добавляем возможность скачивать картинку
0:27:54
Progressive enhancement / graceful degradation
0:29:33
Использование "react-routes-dom"
ПОКАЗАТИ ВСЕ
Студенти також дивляться

Купуй передплатуз доступом до всіх курсів та сервісів

Бібліотека сучасних IT знань у зручному форматі

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

Стартовий
  • Усі відеокурси на 3 місяці
  • Тестування з 10 курсів
  • Перевірка 5 домашніх завдань
  • Консультація з тренером 30 хв
59.99 $
Придбати
Базовий
  • Усі відеокурси на 6 місяців
  • Тестування з 16 курсів
  • Перевірка 10 домашніх завдань
  • Консультація з тренером 60 хв
89.99 $
Придбати
Преміум
  • Усі відеокурси на 12 місяців
  • Тестування з 24 курсів
  • Перевірка 20 домашніх завдань
  • Консультація з тренером 120 хв
169.99 $
Придбати
коментарі та обговорення
Notification success