2022年時点でReactでアプリ開発する際におすすめのライブラリ
(robinwieruch.de)- Reactプロジェクト作成: クライアントにはVite/CRA、サーバーにはNext.js/Remix/Gatsby
- ReactのState管理: useState/useReducer、useContext、Redux
- Reactのデータ取得: React Query（REST APIs、GraphQL APIs）+ axios、Apollo Client
- React Routerによるルーティング
- ReactでのCSSスタイリング: CSS-in-CSS、CSS-in-JS/Emotion/Stitches、Tailwind CSSによるFunctional CSS
- React UIライブラリ: Material UI（最も人気）、Mantine（おすすめ）、Chakua UI（おすすめ）、Ant Design、Radix、Primer、NextUI、Tailwind UI（有料）、Semantic UI、React Bootstrap
- Reactアニメーションライブラリ: Framer Motion（最もおすすめ）、react-spring（よくおすすめされる）、react-motion、react-move、Animated（React Native）
- Reactの可視化・チャートライブラリ: Recharts、react-chartjs、nivo、visx、Victory
- Reactのフォームライブラリ: React Hook Form + yup/zod
- Reactの型チェック: 普通にTypeScriptを使いましょう
- Reactのコード構成: スタイルとフォーマット: ESLint + Prettier
- Reactの認証: Firebase、Auth0、AWS Cognitoのようなサービス/BaaSを選択
- Reactのホスティング: フル管理したいならDigital Ocean、そうでなければCloudflare Workers、Netlify、またはVercel（特にNext.js）、Firebaseを使うならFirebase Hosting
- Reactでのテスト: Jest + React Testing Library（most popular）、Cypress
- Reactとイミュータブルデータ構造: Immer
- Reactの国際化: FormatJS、react-i18next
- Reactのリッチテキストエディタ: Draft.js、Slate.js、ReactQuill
- Reactでの決済: PayPal、React Stripe ElementsまたはStripe Checkout
- Reactでの時間処理: date-fns、Day.js、Luxon
- Reactのデスクトップアプリケーション: Electron、Tauri、NW.js、Neutralino.js
- Reactによるモバイル開発: React Native、Expo
- ReactのVR/AR: react-three-fiber、react-360、aframe-react
- React向けデザインプロトタイピング: Figma、Zeplin、Excalidraw、InVision
- Reactコンポーネントドキュメント: Storybook、Docusaurus、Docz、Styleguidist
7件のコメント
元の投稿の作成者が考えるデザインプロトタイピングの範囲はモックアップレベルのような気もしますが、インタラクティブプロトタイピングといえば Framer は外せないように思います。
https://www.framer.com/
最近はreduxよりも、recoilやzustandのようなライブラリも人気です
React Desktop Applications の部分にも、electron を含めるべきだと思いますね
これ、デスクトップアプリも本文では Electron を定番としていちばんおすすめしている感じですね（笑）
修正しておきました。ありがとうございます（笑）
最後のReactコンポーネントのドキュメントについては、自分はStorybookしか使ったことがないのでStorybook以外はおすすめできないが、Docusaurus、Docz、Styleguidistも良いと聞いた、という意味なので、Storybookも含めるべきだと思います。
あ、そうですね。修正しておきました〜