個人開発で使うReactのライブラリをまとめました
はじめに
学習したことのアウトプットとして書きました。 現在プログラミング学習中の実務未経験の者であり、技術的な内容などに誤りを含む可能性があるので不適切な記述などがありましたらコメントで教えていただけると幸いです
ライブラリを実装する際の注意
ライブラリを実装するとそれだけ処理が重くなり、レンダリングが遅くなるので過度に使い過ぎないようにするのがいい。👉 成果物の使いやすさを重視
UI, CSSフレームワーク
https://react-bootstrap.github.io/
HTTP Client
https://github.com/axios/axios
キャッシュ
- RectQueryの方が多機能なので様々な機能を使いたいときはReactQuery
- とりあえず導入したいときはSWR
https://tanstack.com/query/latest
フォーム、バリデーション
https://github.com/jquense/yup
https://github.com/colinhacks/zod
テキストフォーム
自動でサイズ調整してくれる
https://github.com/Andarist/react-textarea-autosize
状態管理
https://github.com/pmndrs/zustand
参考https://react-uncle-blog.netlify.app/blog/react-state-managment
アイコン
https://react-icons.github.io/react-icons/
https://fontawesome.com/v5/docs/web/use-with/react
https://mui.com/material-ui/material-icons/
ポップアップ
https://www.npmjs.com/package/react-toastify
ローディング
https://mhnpd.github.io/react-loader-spinner/
https://www.npmjs.com/package/react-loading
セレクトボックス
オーディオ再生
アニメーション
https://www.framer.com/motion/
紙吹雪
https://www.npmjs.com/package/react-confetti
最後に
よく見かけるようなものを初心者がまとめてみました おすすめがあったら教えてください