Bibliotecas recomendadas para desenvolver apps com React em 2022

• Criação de projeto React: no cliente, Vite/CRA; no servidor, Next.js/Remix/Gatsby
• Gerenciamento de estado no React: useState/useReducer, useContext, Redux
• Busca de dados no React: React Query (APIs REST, APIs GraphQL) + axios, Apollo Client
• Roteamento com React Router
• Estilização CSS no React: CSS-in-CSS, CSS-in-JS/Emotion/Stitches, CSS funcional com Tailwind CSS
• Bibliotecas de UI para React: Material UI (a mais popular), Mantine (recomendada), Chakua UI (recomendada), Ant Design, Radix, Primer, NextUI, Tailwind UI (não é grátis), Semantic UI, React Bootstrap
• Bibliotecas de animação para React: Framer Motion (a mais recomendada), react-spring (recomendada com frequência), react-motion, react-move, Animated (React Native)
• Bibliotecas de visualização e gráficos no React: Recharts, react-chartjs, nivo, visx, Victory
• Bibliotecas de formulários no React: React Hook Form + yup/zod
• Verificação de tipos no React: simplesmente use TypeScript
• Estrutura de código no React: estilo e formatação: ESLint + Prettier
• Autenticação no React: escolha serviços/BaaS como Firebase, Auth0, AWS Cognito
• Hospedagem para React: se quiser gerenciar tudo, Digital Ocean; caso contrário, Cloudflare Workers, Netlify ou Vercel (especialmente para Next.js); se usar Firebase, Firebase Hosting
• Testes no React: Jest + React Testing Library (mais popular), Cypress
• React e estruturas de dados imutáveis: Immer
• Internacionalização no React: FormatJS, react-i18next
• Editor de texto rico no React: Draft.js, Slate.js, ReactQuill
• Pagamentos no React: PayPal, React Stripe Elements ou Stripe Checkout
• Tempo e datas no React: date-fns, Day.js, Luxon
• Aplicações desktop com React: Electron, Tauri, NW.js, Neutralino.js
• Desenvolvimento mobile com React: React Native, Expo
• React para VR/AR: react-three-fiber, react-360, aframe-react
• Prototipagem de design para React: Figma, Zeplin, Excalidraw, InVision
• Documentação de componentes React: Storybook, Docusaurus, Docz, Styleguidist

[rinae]

Parece que a categoria de prototipagem de design considerada pelo autor original está mais no nível de mockup, mas quando se fala em prototipagem interativa, o Framer não pode ficar de fora.

https://www.framer.com/

[sujang]

Hoje em dia, além do Redux, bibliotecas como Recoil e Zustand também são populares.

[00001]

A parte de React Desktop Applications também deveria incluir o Electron, eu acho.

[rtyu1120]

Pelo visto, até para apps desktop o texto parece recomendar mais o Electron como a opção padrão haha

[xguru]

Já corrigi. Obrigado haha

[spilist2]

Na documentação final de componentes React, a pessoa disse que só usou Storybook, então não poderia recomendá-lo, mas que ouviu dizer que Docusaurus, Docz e Styleguidist também são bons, então acho que deve incluir o Storybook.

[xguru]

Ah, é verdade. Já corrigi~