Ознакомиться с важной информацией

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

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

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

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

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

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

https://github.com/timkindberg/egghead-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:02:47
  • Урок 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:47
  • Урок 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
Этот курс находится в платной подписке!

И будет доступен в бесплатном просмотре по истечению месяца после даты добавления (11 Jan 2018). Войди в свой аккаунт или оформи подписку в личном кабинете, чтобы посмотреть его уже сейчас.

Следи за последними обновлениями и новостями в наших пабликах facebook, или вступай в наш канал telegram.

Комментарии

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

Sketch: Рисуем интерфейсы

Sketch: Рисуем интерфейсы

ru
С помощью Sketch рисования интерфейсов приложений стало очень простым и быстрым. Sketch - инструмент, полностью ориентированный на дизайн пользовательского интерфейса. Из-за своей простоты, любой может научиться рисовать в Sketch. Он идеально подходит для проектирования для нескольких устройств.
Grand Central Dispatch

Grand Central Dispatch

ru
Grand Central Dispatch (GCD) - это маркетинговое имя библиотеки libdispatch, которая обеспечивает поддержку одновременного выполнения кода на многоядерном оборудовании в iOS и OS X. Проходя этот курс, желательно чтобы вы уже были знакомы с Swift и Xcode а также с процессом разработки мобильных при
Продвинутый контроль компонентов Vue.js

Продвинутый контроль компонентов Vue.js

en
С помощью Vue очень легко подбирать и быстро создавать отличные приложения, используя встроенные шаблоны и директивы. По мере того, как ваше приложение будет усложняться, вам потребуется более тонкое управление вашими компонентами.
chat
logo