Bibliotecas recomendadas para desarrollar apps con React en 2022

• Creación de proyectos con React: Vite/CRA para el cliente, Next.js/Remix/Gatsby para el servidor
• Manejo de estado en React: useState/useReducer, useContext, Redux
• Obtención de datos en React: React Query (REST APIs, GraphQL APIs) + axios, Apollo Client
• Enrutamiento con React Router
• Estilos CSS en React: CSS-in-CSS, CSS-in-JS/Emotion/Stitches, CSS funcional con Tailwind CSS
• Bibliotecas de UI para React: Material UI (la más popular), Mantine (recomendada), Chakua UI (recomendada), Ant Design, Radix, Primer, NextUI, Tailwind UI (no gratis), Semantic UI, React Bootstrap
• Bibliotecas de animación para React: Framer Motion (la más recomendada), react-spring (recomendada a veces), react-motion, react-move, Animated (React Native)
• Bibliotecas de visualización y gráficos en React: Recharts, react-chartjs, nivo, visx, Victory
• Bibliotecas de formularios en React: React Hook Form + yup/zod
• Verificación de tipos en React: simplemente usa TypeScript
• Estructura de código en React: estilo y formato: ESLint + Prettier
• Autenticación en React: elige servicios/BaaS como Firebase, Auth0, AWS Cognito
• Hosting para React: si quieres administrarlo todo, Digital Ocean; si no, Cloudflare Workers, Netlify o Vercel (especialmente para Next.js); si usas Firebase, Firebase Hosting
• Testing en React: Jest + React Testing Library (lo más popular), Cypress
• React y estructuras de datos inmutables: Immer
• Internacionalización en React: FormatJS, react-i18next
• Editor de texto enriquecido en React: Draft.js, Slate.js, ReactQuill
• Pagos en React: PayPal, React Stripe Elements o Stripe Checkout
• Manejo de tiempo en React: date-fns, Day.js, Luxon
• Aplicaciones de escritorio con React: Electron, Tauri, NW.js, Neutralino.js
• Desarrollo móvil con React: React Native, Expo
• React VR/AR: react-three-fiber, react-360, aframe-react
• Prototipado de diseño para React: Figma, Zeplin, Excalidraw, InVision
• Documentación de componentes en React: Storybook, Docusaurus, Docz, Styleguidist

[rinae]

Parece que la categoría de prototipado de diseño que tenía en mente el autor original está más en el nivel de mockups, pero si hablamos de prototipado interactivo, da la impresión de que no puede faltar Framer.

https://www.framer.com/

[sujang]

Últimamente, también son populares bibliotecas como Recoil y Zustand más que Redux.

[00001]

Creo que en la parte de React Desktop Applications también debería incluirse Electron.

[rtyu1120]

Parece que incluso para apps de escritorio, en el artículo recomiendan más que nada Electron como la opción predeterminada jaja

[xguru]

Ya lo corregí. Gracias jaja

[spilist2]

En la última documentación de componentes de React, dijeron que como solo habían usado Storybook, no podían recomendarlo, pero que habían escuchado que Docusaurus, Docz y Styleguidist también son buenos, así que creo que habría que incluir Storybook.

[xguru]

Ah, sí. Ya lo corregí~