¿Cuál es la mejor arquitectura para una aplicación compleja React?

No estoy seguro de cuál es la mejor arquitectura para una aplicación React, pero solo quiero dejar un par de recomendaciones de bibliotecas que se pueden usar en una aplicación React madura hoy en día. Mira la guía completa aquí.

Ver: reaccionar

Boilerplate: create-react-app, Gatsby.js (p. Ej., Sitios web estáticos), Next.js (p. Ej., React.js renderizado en el lado del servidor) o propio proyecto minimalista Webpack + Babel + React

Gestión estatal: estado local de React, Redux o MobX

Biblioteca de utilidad: Lodash o Ramda

Estilo: CSS simple, estilo en línea, módulos CSS o componentes con estilo

Verificación de tipo: Flow o TypeScript

Formato: Guías de estilo (por ejemplo, AirBnb), Prettier

UI Libaries: UI material, UI semántica

Enrutamiento: react-router

Aplicación universal con el punto de entrada React Router (probablemente también debería agregar nginx frente al servidor de representación para SSL y otras cosas). Pero esto no es suficiente. Necesitas manejar el estado. Para eso, hay:

  • Redux
  • MobX

Elija cualquiera o implemente algo similar.

¡sí !, reacciona genial sexy js (lol)

es js libray pero puedes usar el marco redux para control de estado y acción …

Redux – Introducción · Redux

React – Una biblioteca de JavaScript para construir interfaces de usuario – React

si ambos aprenden clik en los siguientes enlaces

kriasoft / react-starter-kit

  1. Reaccionar
  2. Reaccionar enrutador
  3. Emotion – para estilizar
  4. Redux – para la gestión del estado
  5. Apollo – como cliente GraphQL

En última instancia, depende de lo que quieras construir y de lo complejo que sea. Puede comenzar con la lista anterior, agregarla o eliminarla según sea necesario.