React Lazy Hydration

Lazy Hydration for Server Rendered React Components

Installation

``bash npm i react-lazy-hydration`

OR

`bash yarn add react-lazy-hydration`

`Usage`

`jsx import React from "react"; import LazyHydrate from "react-lazy-hydration";

function App() { return (


      {/ Skip Hydrating  /}
      
        {...}
      
      {/ Requires IntersectionObserver. Polyfill not included. /}
      
        {...}
      
      {/ Requires requestIdleCallback. Polyfill not included. /}
      
        {...}
      
      {/ Hydrate on any of the following events /}
      OR on={["click","mouseenter",...]} />
        {...}


  );
}

Notes

Based on this comment

and heavily adapted from Lazy hydration for Vue SSR

Contribute

First off, thanks for taking the time to contribute!
Now, take a moment to be sure your contributions make sense to everyone else.

$3

Found a problem? Want a new feature? First of all see if your issue or idea has already been reported.
If not, just open a new clear and descriptive issue.

$3

Pull requests are the greatest contributions, so be sure they are focused in scope, and do avoid unrelated commits.