Muchas veces cuando comenzamos en el desarrollo web, específicamente el Frontend, solemos acompañar el desarrollo con un poco de cada recurso que consumimos. El cómo estructuramos nuestras carpetas para nuestros proyectos influye en agilizar nuestro desempeño, nos permite mayor eficiencia a la hora de localizar módulos, servicios, etc. Esos tips se van aprendiendo con la práctica, aunque lo ideal es conocerlo desde que se empieza. Buen video Chao, un gusto aprender y sistematizar conocimientos con este canal.
podrias hacer ejemplo de un pequeño proyecto aplicando la arquitectura? * ¿donde irian los stores de zustand o Redux? * ¿donde irian los layouts? * ¿como manejarias las rutas privada?
Hola Carlos, te dejo las 4 respuestas por aca 1 - Subire un ejemplo a github y te dejo comentario por aca 2- Los stores van ubicados segun si nivel jerarquico, si son store globales de la app. Irian dentro de core/store. Si el store pertenece a un modulo o submodulo iria dentro de cada uno en una carpeta store. Esto lo puedes aplicar para cualquier manejador de estados 3- Si el layout es el principal de la app lo ponemos en un folder layout dentro de core. Donde tendriamos Ej. Sidebar, Footer, Navbar. Si el layout es a nivel de modulo iria dentro de la carpeta components/layout 4 - Las rutas privadas dependen de que estes utilizando para enrutar, si por ejemplo usas react-route-dom, puedes hacer un componente para proteger la ruta.Igual te dejo un ejemplo en el repo que subire. Saludos.
Como dices ellos recomiendan una estructura de carpetas. No significa que tengamos que utilizarla. Cada equipo puede utilizar su propia estrategia de scaffolding. Para nextjs utilizo una muy similar a la que presento en el video.
Muchas veces cuando comenzamos en el desarrollo web, específicamente el Frontend, solemos acompañar el desarrollo con un poco de cada recurso que consumimos. El cómo estructuramos nuestras carpetas para nuestros proyectos influye en agilizar nuestro desempeño, nos permite mayor eficiencia a la hora de localizar módulos, servicios, etc. Esos tips se van aprendiendo con la práctica, aunque lo ideal es conocerlo desde que se empieza. Buen video Chao, un gusto aprender y sistematizar conocimientos con este canal.
Muchas gracias por este comentario Rafael. Espero que a muchas personas le haya sido útil como a ti
muy buen video Chao.
Gracias Iram, saludos
Esta muy excelente el video, solo un correción Dan Abramov no fue el creador de React, fue el creador de Redux y es core mantainer de React.
Saludos!
Muchísimas gracias. Tienes toda la razón. Ahora investigando un poco mas veo que Dan dejo Meta.
podrias hacer ejemplo de un pequeño proyecto aplicando la arquitectura?
* ¿donde irian los stores de zustand o Redux?
* ¿donde irian los layouts?
* ¿como manejarias las rutas privada?
Hola Carlos, te dejo las 4 respuestas por aca
1 - Subire un ejemplo a github y te dejo comentario por aca
2- Los stores van ubicados segun si nivel jerarquico, si son store globales de la app. Irian dentro de core/store. Si el store pertenece a un modulo o submodulo iria dentro de cada uno en una carpeta store. Esto lo puedes aplicar para cualquier manejador de estados
3- Si el layout es el principal de la app lo ponemos en un folder layout dentro de core. Donde tendriamos Ej. Sidebar, Footer, Navbar. Si el layout es a nivel de modulo iria dentro de la carpeta components/layout
4 - Las rutas privadas dependen de que estes utilizando para enrutar, si por ejemplo usas react-route-dom, puedes hacer un componente para proteger la ruta.Igual te dejo un ejemplo en el repo que subire.
Saludos.
Te dejo repo por aca, estoy completandolo en directo en twitch no esta listo pero puedes ir viendolo
github.com/gsi-chao/taskinator
Entonces en el ejemplo final el container sería un layout, para los componentes hijos, además de manejar la lógica, ¿es así?
El layout es un componente de presentación. Lo importarías en el container junto con el resto de los componentes de presentación.
Muy buen video bro!
Gracias 🙏
En NextJs 14 se puede aplicar lo mismo?
En next te recomiendo utilizar la organización de carpetas que ellos mismos te sugieren, dividiendo las cosas por las rutas como tal
Como dices ellos recomiendan una estructura de carpetas. No significa que tengamos que utilizarla. Cada equipo puede utilizar su propia estrategia de scaffolding. Para nextjs utilizo una muy similar a la que presento en el video.
😁😁😁