Отключить увлажнение / только частичное увлажнение приложения Next.js - PullRequest
Новая
       34

Отключить увлажнение / только частичное увлажнение приложения Next.js

0 голосов
/ 28 марта 2019

Возможно ли применить режим SSR-only в Next.js и только частично гидрировать страницу? Что я имею в виду, скажем, у меня есть это приложение:

компоненты / dynamic.jsx 

export default () => (
  <button onClick={() => console.log("I have been clicked")}>Click me</button>
)

страниц / index.jsx 

import DynamicComponent from "../components/dynamic.jsx";

export default () => (
  <div>
    <h1>Hello World</h1>
    <p>Lorem ipsum</p>
    <Hydrate>
      <DynamicComponent />
    </Hydrate>
  </div>
);

Теперь предположим, что мы отрисовываем pages/index.jsx с Next.js, поэтому он будет отрисован на сервере и полностью гидратирован на клиенте. По соображениям производительности (уменьшение размера пакета, сокращение времени выполнения) и чтобы приложение лучше играло с рекламой (?), я хочу только гидрировать DynamicComponent на клиенте и в лучшем случае загрузить только JavaScript для DynamicComponent в клиент.

Это возможно с

  • Реагировать?
  • Next.js

Спасибо

...