Bibliothèques recommandées pour développer une application avec React en 2022

 (robinwieruch.de)
24 points par xguru 2022-04-11 | 7 commentaires | Partager sur WhatsApp
  • Création de projet React : Vite/CRA pour le client, Next.js/Remix/Gatsby pour le serveur
  • Gestion d’état React : useState/useReducer, useContext, Redux
  • Récupération de données avec React : React Query (REST APIs, GraphQL APIs) + axios, Apollo Client
  • Routage avec React Router
  • Stylage CSS dans React : CSS-in-CSS, CSS-in-JS/Emotion/Stitches, Functional CSS avec Tailwind CSS
  • Bibliothèques UI React : Material UI (la plus populaire), Mantine (recommandée), Chakua UI (recommandée), Ant Design, Radix, Primer, NextUI, Tailwind UI (payant), Semantic UI, React Bootstrap
  • Bibliothèques d’animation React : Framer Motion (la plus recommandée), react-spring (souvent recommandée), react-motion, react-move, Animated (React Native)
  • Bibliothèques de visualisation et de graphiques dans React : Recharts, react-chartjs, nivo, visx, Victory
  • Bibliothèques de formulaires dans React : React Hook Form + yup/zod
  • Vérification de types dans React : utilisez simplement TypeScript
  • Structure du code React : style et formatage : ESLint + Prettier
  • Authentification React : choisir un service/BaaS comme Firebase, Auth0 ou AWS Cognito
  • Hébergement React : si vous voulez tout gérer, Digital Ocean ; sinon Cloudflare Workers, Netlify ou Vercel (surtout pour Next.js) ; si vous utilisez Firebase, alors Firebase Hosting
  • Tests dans React : Jest + React Testing Library (le plus populaire), Cypress
  • React et structures de données immuables : Immer
  • Internationalisation React : FormatJS, react-i18next
  • Éditeurs de texte enrichi dans React : Draft.js, Slate.js, ReactQuill
  • Paiements dans React : PayPal, React Stripe Elements ou Stripe Checkout
  • Gestion du temps dans React : date-fns, Day.js, Luxon
  • Applications desktop avec React : Electron, Tauri, NW.js, Neutralino.js
  • Développement mobile avec React : React Native, Expo
  • VR/AR avec React : react-three-fiber, react-360, aframe-react
  • Prototypage de design pour React : Figma, Zeplin, Excalidraw, InVision
  • Documentation de composants React : Storybook, Docusaurus, Docz, Styleguidist

À lire aussi

7 commentaires

 
rinae 2022-04-11

Il semble que, dans l’esprit de l’auteur du texte original, la catégorie du prototypage de design se limite au niveau de la maquette, mais si l’on parle de prototypage interactif, Framer me paraît incontournable.

https://www.framer.com/
 
sujang 2022-04-11

De nos jours, des bibliothèques comme Recoil et Zustand sont aussi populaires que Redux.
 
00001 2022-04-11

Dans la partie React Desktop Applications aussi, il faudrait sans doute inclure Electron.
 
rtyu1120 2022-04-11

On dirait que, même pour les applications desktop, l’article semble surtout recommander Electron comme choix de prédilection haha
 
xguru 2022-04-11

J’ai corrigé. Merci haha
 
spilist2 2022-04-11

Dans la dernière documentation de composants React, il a été dit qu’il n’était pas possible de recommander autre chose que Storybook, car c’était le seul outil réellement utilisé, mais qu’on avait entendu du bien de Docusaurus, Docz et Styleguidist ; il semble donc qu’il faille inclure Storybook.
 
xguru 2022-04-11

Ah oui, en effet. Je l’ai corrigé~