В этом курсе вы узнаете, как заставить ваше React приложение загружатся как можно быстрее, чтобы максимизировать взаимодействие с пользователем. Нам нужна быстрая скорость рендеринга и маленькие сетевые запросы!
Вы узнаете, как разделить код на подгружаемые бандлы и рендерить на стороне сервера саму страницу.
Это было невозможно до недавнего времени - вам приходилось выбирать либо code-splitting, либо SSR. Уверен, что у вас есть Next.js, который потрясающий, но это структура, которую вам нужно купить. С react-universal-component вы получаете безразмерный Next.js, который находится под вашим контролем!
react-universal-component делаает вашу разработку настолько простой, насколько это возможно. Но есть все еще различные конкретные конфигурации и методы, которые необходимо соблюдать, чтобы заставить ее работать. Поэтому смотрите видео, чтобы узнать как это делается!
Этот материал находится в платной подписке. Оформи премиум подписку и смотри или слушай
Build a Server Rendered + Code Split App in React with React Universal Component,
а также все другие курсы, прямо сейчас!
Install the NPM Dependencies Needed for a Universal React App
Урок 2.00:04:09
Configure Webpack to Work with React Universal Component
Урок 3.00:06:53
Configure Express / React / Babel to Work with React Universal Component
Урок 4.00:04:48
Configure hot module reloading to work with react-universal-component
Урок 5.00:02:37
Code-Splitting Components with the Universal Higher-Order Component
Урок 6.00:02:20
Dynamically Load a Code-Split Universal React Component via a Prop
Урок 7.00:02:38
Configure a Custom Universal React Loading Component
Урок 8.00:03:46
Animate a Universal React Loading Component using Delay Options and Component Hooks
Урок 9.00:02:13
Set an Error Component in React Universal when a Component Fails to Load
Урок 10.00:02:37
Preload a Universal Component On-Demand with the Preload Method
Урок 11.00:01:39
Load a Universal React Named Exported Component with the Key Option
Урок 12.00:06:09
Add Redux with Server-to-Client State Hydration to a React Universal Project
Урок 13.00:02:47
Lazy Load Redux Reducers with Code-split Universal React Components using onLoad
Комментарии
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.