https://github.com/mnvr/suspense-vs-loadable

Testing various ways of using client side only libraries with Gatsby 5.13 and React 18
https://github.com/mnvr/suspense-vs-loadable

Last synced: 3 months ago
JSON representation

Testing various ways of using client side only libraries with Gatsby 5.13 and React 18

• Host: GitHub
• URL: https://github.com/mnvr/suspense-vs-loadable
• Owner: mnvr
• Archived: true
• Created: 2023-12-29T09:32:58.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-12-29T10:58:05.000Z (over 1 year ago)
• Last Synced: 2025-02-24T14:19:05.712Z (3 months ago)
• Language: JavaScript
• Size: 5.86 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
Testing various ways of using client side only libraries with Gatsby 5.13 and

React 18.

    yarn

    yarn dev

Demonstrates:

* Using `Suspense` with `lazy`. While these come with React, and will be the way

  to go, currently these don't work well with SSR.

* Using [Loadable Component](https://loadable-components.com/). This works fine

  with SSR as of today.

* Using Loadable Component, and also adding a fade animation (using [React

  Transition Group](http://reactcommunity.org/react-transition-group/)) to

  gracefully bring in the lazy loaded client side component.