Последние новости: Coursehunters.club

Строим SSR + Code Split приложение в React с React Universal Component - Видеоуроки

Build a Server Rendered + Code Split App in React with React Universal Component
Duration 00:43:40
Открыть все курсы от egghead

Build a Server Rendered + Code Split App in React with React Universal Component - Полный список уроков

Развернуть / Свернуть
  • Урок 1. Install the NPM Dependencies Needed for a Universal React App 00:01:04
  • Урок 2. Configure Webpack to Work with React Universal Component 00:04:09
  • Урок 3. Configure Express / React / Babel to Work with React Universal Component 00:06:53
  • Урок 4. Configure hot module reloading to work with react-universal-component 00:04:48
  • Урок 5. Code-Splitting Components with the Universal Higher-Order Component 00:02:37
  • Урок 6. Dynamically Load a Code-Split Universal React Component via a Prop 00:02:20
  • Урок 7. Configure a Custom Universal React Loading Component 00:02:38
  • Урок 8. Animate a Universal React Loading Component using Delay Options and Component Hooks 00:03:46
  • Урок 9. Set an Error Component in React Universal when a Component Fails to Load 00:02:13
  • Урок 10. Preload a Universal Component On-Demand with the Preload Method 00:02:37
  • Урок 11. Load a Universal React Named Exported Component with the Key Option 00:01:39
  • Урок 12. Add Redux with Server-to-Client State Hydration to a React Universal Project 00:06:09
  • Урок 13. Lazy Load Redux Reducers with Code-split Universal React Components using onLoad 00:02:47

В этом курсе вы узнаете, как заставить ваше React приложение загружатся как можно быстрее, чтобы максимизировать взаимодействие с пользователем. Нам нужна быстрая скорость рендеринга и маленькие сетевые запросы!

Вы узнаете, как разделить код на подгружаемые бандлы и рендерить на стороне сервера саму страницу.

Это было невозможно до недавнего времени - вам приходилось выбирать либо code-splitting, либо SSR. Уверен, что у вас есть Next.js, который потрясающий, но это структура, которую вам нужно купить. С react-universal-component вы получаете безразмерный Next.js, который находится под вашим контролем!

react-universal-component  делаает вашу разработку настолько простой, насколько это возможно. Но есть все еще различные конкретные конфигурации и методы, которые необходимо соблюдать, чтобы заставить ее работать. Поэтому смотрите видео, чтобы узнать как это делается!

https://github.com/timkindberg/egghead-universal-component

Твоя оценка

1 0
Следи за последними обновлениями и новостями в нашем coursehunters.club, или вступай в наш канал telegram.

Комментарии

Последнее добавленное

Просто Express (с кучей node и http). В деталях.

Просто Express (с кучей node и http). В деталях.

en
Нет MERN или MEAN ... просто Express. Для тех, кто немного узнал о самом крутом фреймворке node и хочет больше. У вас есть представление о том, что такое Node, Express и http, иначе вас бы здесь не было. Node и серверная часть JavaScript взяли мир штурмом, [НЕКОТОРАЯ БОЛЬШАЯ КОМПАНИЯ] переехала...
Разработка модуей Drupal 8 с примерами

Разработка модуей Drupal 8 с примерами

en
Никогда не было лучшего времени для изучения разработки модулей Drupal 8. Это потому, что Drupal 8 уже является лучшим технологически и более быстрым способом создания приложений Drupal (по сравнению с Drupal 7). Drupal 8 построен поверх Symfony, поэтому хорошие новости заключаются в том...
Appium (Версия 1.8.2) - Мобильное автоматизированное тестирование с нуля

Appium (Версия 1.8.2) - Мобильное автоматизированное тестирование с нуля

en
Appium курс - 200+ лекций по мобильной автоматизации от основ с примерами в реальных проектах. Курс полностью обновлен 12 ноября с последней версией Appium 1.8.2. Узнайте все, что вам нужно знать о мобильной автоматизации (Android + IOS), даже если вы никогда не программировали раньше.
gRPC [Golang] Мастер-класс: создание современных API и микросервисов

gRPC [Golang] Мастер-класс: создание современных API и микросервисов

en
Лучше, чем REST API! Создайте быстрый и масштабируемый HTTP / 2 API для Go микро-сервиса с помощью gRPC, Protocol Buffers (protobuf). gRPC - это новый и современный фреймворк для построения масштабируемого, современного и быстрого API. Он используется многими ведущими технологическими компаниями...
Машинное обучение от А до Я: станьте мастером Kaggle

Машинное обучение от А до Я: станьте мастером Kaggle

en
Изучите основные алгоритмы машинного обучения с использованием Python от начального до супер продвинутого уровня, включая математические знания. Хотите стать хорошим специалистом по данным? Тогда это правильный курс для вас. Этот курс был разработан специалистами IIT, которые освоили математику...
PHP: Разработка микрофреймворка

PHP: Разработка микрофреймворка

ru
Фреймворки - основной способ создавать сложные сайты в интернете. На определённом уровне недостаточно просто знать как ими пользоваться, нужно понимать как они устроены внутри. Благодаря этому курсу вы не только узнаете про все внутренности, но и создадите свой собственный неповторимый фреймворк.
Регулярные выражения

Регулярные выражения

ru
Практически каждый программист сталкивается с регулярными выражениями в повседневной практике. Многих они отпугивают, но регулярные выражения основаны на небольшом количестве простых понятий. Освоив эти понятия, вы сможете всегда чувствовать себя комфортно при работе с этим мощным инструментом.
chat
logo