Skip to content

mumei-xxxx/swr-infinite-loading-IntersectionObserver-sample

Repository files navigation

swr-infinite-loading-sample

Explanation article on Zenn

https://zenn.dev/purenium/articles/use_swr_infinite-graphql-infinite-loading

Setting up the environment

  1. Set the version of Node.js (specified in .node-version).

  2. Install pnpm.

https://pnpm.io/ja/installation

  1. Install the dependencies using the following command:
pnpm install
  1. Launch the server in development mode using the following command:
pnpm run dev

●日本語

Zenn での解説記事

https://zenn.dev/purenium/articles/use_swr_infinite-graphql-infinite-loading

環境の立ち上げ

  1. Node.js のバージョンを設定。(.node-version に記載)

  2. pnpm をインストール

  1. 以下でインストール。
pnpm install
  1. 以下で開発モードでサーバーが立ち上がる。
pnpm run dev

About

SWR を活用した無限ローディング(無限スクロール)のサンプル。graphql-request、交差オブザーバー APIカスタムフック使用。

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Sponsor this project

 

Packages

No packages published