La forma 100% correcta de estructurar una aplicación React (o por qué no existe tal cosa)

Cuando se trata de estructurar una aplicación React, la estructura ideal es la que le permite moverse alrededor de su código con la menor cantidad de esfuerzo.

En este post, me gustaría decirte lo que estructurar mi Reaccionar aplicaciones, y lo conduje mis decisiones. En el camino, mencionaré algunas opciones que no uso porque no me satisfacen, pero eso podría ser útil.

También me gustaría escuchar cómo haces las cosas y lo que has encontrado funciona bien en los comentarios.

Lo que funciona para ti

Tal vez esto siempre fue obvio para ti, pero solo me han hecho clic: la estructura de una aplicación no tiene nada que ver con las computadoras.

Imagine por un momento una aplicación con solo un archivo para todos sus componentes, reductores, la tienda, los servicios públicos, todo.

Una idea terrible, por supuesto. Ahora, piense por qué lo anterior sería algo malo.

Ambos sabemos que en realidad no te detuviste a reflexionar, así que te diré lo que pienso. El problema con este archivo gigante es que va a ser difícil navegar. Pero, ¿qué pasaría si pudiera tener marcadores para cada área del código, tal vez un marcador por función? Tal vez la capacidad de tener marcadores anidados . ¿Qué tal una tabla de contenidos para todos estos marcadores?

Esto podría parecer un experimento mental tonto, pero creo que vale la pena establecer que lo único que intenta hacer al decidir sobre una estructura de archivos es maximizar la facilidad con la que puede navegar a través de su código. Sus 'archivos' no son más que marcadores de partes del código que terminarán siendo una sola porción de JS al final del día.

Y esta es la razón por la que nunca se puede obtener una respuesta directa a la pregunta "¿cuál es la mejor manera de estructurar mi aplicación? – depende tanto de sus propios hábitos de navegación y preferencias que no es una pregunta que alguien más pueda responder por usted.