Open16

Next.js / React Hooks学習帳

library

react-scroll

navigationでページ内smoothScrollなどを作るときに有用

https://github.com/fisshy/react-scroll
https://qiita.com/takk0715/items/6b82d7b4d13134d717eb

swiper.js

スライダーの有名ライブラリ。各種FW対応しておりReactコンポーネント化されているものを利用できる。

https://swiperjs.com/react
https://blog.mismith.me/entry/2020/12/31/144154
https://dev.eringiv3.com/blog/post/implement_slider_on_react
https://reiwinn-web.net/2020/07/16/swiper-6-0-4/

react-responsive

レスポンシブ対応のブレイクポイントをHooksを使って設定できる。
swiper.jsと組み合わせてブレイクポイント毎に画面表示枚数を変更するなどの対応が可能

https://github.com/contra/react-responsive
https://tech.asoview.co.jp/entry/2020/04/27/133730

TailwindCSSのBreakpoint
https://tailwindcss.com/docs/responsive-design#overview

lottie

カスタムアニメーション作成でAfterEffectsを使わない場合アニメーションは限られるがlottiefiles経由で作れる。

https://github.com/airbnb/lottie-web
https://lottiefiles.com/
https://ryusou.dev/posts/lottieanimation

react-lottie

react向けのlottieライブラリ。(3年ぐらいメンテされてない)

https://github.com/chenqingspring/react-lottie
https://the2g.com/post/easy-animation-with-react-lottie
https://qiita.com/hirokik-0076/items/aa5913694dce3be24266

lottie-react

https://www.npmjs.com/package/lottie-react

lottie-react-web

https://www.npmjs.com/package/lottie-react-web
作成者以外のコメントは許可されていません