Cómo estructurar tu project de ReactJs? Aplicamos Clean Architecture en Front End -
HTML-код
- Опубликовано: 30 июл 2024
- Buenas, buenas mi gente !
En el día de hoy veremos cómo estructurar tu projecto de ReactJs!
Se hablará sobre Front End Clean Architecture y cómo tenerlo en cuenta para estructurar tu project. Voy a mostrarles cómo YO adapto la Clean Architecture en mis projects.
▬ Contenido del video ▬▬▬▬▬▬▬▬▬▬
0:00:00 - Welcome !
0:00:53 - Clean Architecture
0:02:01 - Front End Clean Architecture
0:04:14 - Estructura de carpetas
0:05:57 - Carpetas dentro de la Clean Architecture
0:07:19 - Carpetas Reutilizables - Modularización
0:10:35 - Carpeta adapters
0:12:43 - Carpeta assets
0:13:15 - Carpeta components
0:14:09 - Carpeta contexts
0:15:23 - Carpeta hooks
0:17:04 - Carpeta interceptors
0:18:04 - Carpeta models
0:19:27 - Carpeta pages
0:19:47 - Carpeta redux
0:20:38 - Carpeta services
0:21:01 - Carpeta styled-components
0:22:08 - Carpeta utilities
0:23:42 - Despedida
¡A por ello !
Si quieres hacer una donación:
streamelements.com/gentlemanp...
LINK AL REPOSITORIO: github.com/AppleLAN/Customhoo...
Link Context vs Redux: • Qué es Redux ? Qué es ...
Link Clean architecture: • Qué es Clean Architect...
▬ Links de interés ▬▬▬▬▬▬▬▬▬▬
Link a Spotify: spoti.fi/3y281cY
Link a la comunidad: / discord
Link a la comunidad de Facebook: shorturl.at/jkmL6
Link a instagram: / gentlemanprogramming
Link a twitter: / g_programming
Link al libro "Cómo ser front-end sin fallar en el intento: Tus primeros pasos en la programación web": amzn.to/2ReBuzL 
Наука
A darle!! pronto empezare a ver tus videos para pulirme en ReactJs
Venga Leifer !!!
Muy interesante, llevo dias aprendiendo React y de organizar carpetas me ha sido muy util, eres genio. Muchas gracias!
Excelente video , ya voy avanzando en la lista de videos , el materia es buenisimo y se agradece que lo expliques tan bien , me gusta el enfoque que tiene y demas, un saludo !
Gracias por compartir tus conocimientos!! 100% Ncesario para comprender cuando estás haciendo un proyecto de React!!
De los mejores cursos acerca de react que puedes encontrar, gracias por todo.
Exelente video y con ejemplos, es oro puro Alan ❤️.
Muchas muchas gracias Diegoooo
que hermoso video!!! desde que empecé a programar tuve esta duda existencial! te agradezco mucho!
RUclipsando info sobre Clean Architecture y paf! Me encuentro con este canal y este videazo! Muchas gracias por este tremendo contenido, nuevo suscriptor por acá! 👏🏼👏🏼
Bienvenido y muchas gracias !!!!!!
Muy bien video! Yo soy un brasilenio y no tengo mucho gusto en el conocer espanhol pero tu vídeo me ayudó demas! Voy a aplicar este conocimiento en vue. Gracias!
Por fin encuentro un vídeo de este tema de estructura de proyectos en React, muchas gracias, te ganaste un suscriptor. 💯👏
Muchas gracias Zenéize ! Welcome a la comunidad :)
Tremendo crack. Muchísimas gracias. Actualmente, cumplí un año como Desarrollador Web y creé todo el front-end de una aplicación con React, pero fue mi primera app en producción. Aplicaré Clean Architecture para mejorar el código y aumentar la escalabilidad. Muchísimas gracias. :D
gracias por tus videos, esta información vale millones!!
Resuscrito !! Buenisimo tema para trabajar profesionalmente, esperando mas contenido asi y claro, de frontend
Bienvenido nuevamente !! Si que se va a venir :D
Llegue al canal en Twingo y salí en Ferrari con tus clases
impresionante, realmente me encantó!
Excelente video, gran explicación muchas gracias Alan Saludos desde Colombia
Suscrito! Excelente video 👌
El gaspi del codigo, videazo Crac ❤
Me guardo este video como oro. Saludos desde Barcelona.
Eaaa yo también vivo ahí ! Welcome to the community Carmen :D
Grande Gentle!!!
muchas gracias por tu contenido 😁
Gracias a ti Juan por ver el vídeo !!
Una máquina! además de clean code, podrías hablar del rendimiento en react? mejores practicas sobre el tema, tu manera de manejarlo, etc?
Buen video, gracias por la información.
Que calidad este video, recién conozco tu canal. Me suscribo. 🇦🇷
Welcome Leandroooo ojalá te guste todo el contenido :)
El unico video en todo fucking RUclips y lo vengo buscando hace siglos, 10/10
Muuuuchas gracias por las palabras Luciano !! Espero que te haya podido satisfacer esa búsqueda infinita que tenías :D
Buenas Gentelman!
Muy bueno el video rey! Muy buenas practicas!
Muchas gracias Nicolás !!
Muchas gracias por tu contenido, bastante claro, nuevo suscriptor!
Muchas gracias y Bienvenido a la comunidad Ruben !!!
Super clean explicación, resumir mucho tiempo de conocimiento en un video, muy bien contenido, sigue así!
Gracias Brandon ! Lo seguiré haciendo :D
Excelente maestro!!! Espero que hagas un proyecto tipo de ecommerce básico enseñándonos como se aplica, seria muy bueno!!!
No sabes lo que me ha ayudado este video. GRACIAS!.
Vamoooooo con de tuti Aubis !
Muy buen vídeo! Muy poca gente habla de esto a este nivel.
Yes ! o lo hacen más dificil de lo que deberia :D
gracias por compartir tu conocimiento!!
Una joya este video! Tienes una subscriptora más !!! 👏🏼
Muchas gracias Carla ! Welcome to the community
Un gran video! Y muy buena explicación.
Muchas gracias Miguel !! Genial que te haya gustado
excelente buenísimo, lo estaba buscando hace tiempo.
Que bueno que lo encontraste ! :D
Gran video !! ❤️
Muuuuchas gracias Efrain !!!
Primera vez que te veo... excelente para comenzar.
Muuuuchas gracias cejebuto !!
Excelente vídeo y contenido, gracias
Muchas gracias TutosCarlos por pasarte !!
Chabón soy react dev desde hace dos años y este video te quedó re potente, sos un crack, muchas gracias por compartir tu conocimiento!
Gracias miles José!!!! Gracias a ti por pasarte y comentar
muy bueno y práctico
esto es oro, Gracias por el video
Thank you Javier !
Muy buena explicación!
Excelente video amigo, muchas gracias.
De nada Luis !!!!
Muy buen contenido! 💪🏼
Gracias Marcelo queridooo
Gracias crack, justo lo que necesitaba.
De nada Camilo !!!
Excelente, justo lo que necesitaba
A por ello Andres!!
Esto es oro. Muchas gracias
Gracias a ti Raul por el mensaje !!
Estuvo brutal Alan!! 🤘🏾
Gracias Gregor !!! Y lo que se viene !!!
Espectacular
grande crack! me gusto mucho la forma en la que vez el orden que debiese llevar el front en cuanto a clean arch 🙂
Muuuchas gracias Cristian :D
Esto suma en la entrevista hablada como no tienes idea, una joya de video. Like y nuevo sub
Gracias y welcome Carlos !!!
Buen video locoo
Excelente video!!!
Thank you David !!!
Muy buen video pa. Saludos
Muchas gracias Agustín !!
IMO redux no debería ir en la capa de dominio porque el dominio debe estar lo más desacoplado de terceros lo más que se pueda. Redux, React-Query, entre otros en realidad son adaptadores o parte de la capa de framework. La idea de la capa de dominio (entidades, repositorios y casos de uso) es que pueda mantenerse inmutable si es que más adelante se decide cambiar de stack.
Estoy muy de acuerdo contigo.
Tremendo video te mandaste man, con una información muy valiosa, especialmente para los que comenzamos. Busqué bastante info sobre el orden, patrones de diseño, etc etc, y nunca quedaba satisfecho, pero lo positivo, es que no estaba tan mal como venía trabajando, pero con esto seguro pego un salto de calidad. Muchisimas gracias por el aporte.
A ti por tan increíble mensaje !!!!
@@GentlemanProgramming Hola profe, quería saber si no le molestaba que le nombre en un Readme.md que estoy escribiendo para una nueva práctica que estoy haciendo en React, dónde voy a tratar de utilizar esta arquitectura que nos compartió, y quería destacar que es con este video que la conocí. Y cuándo tenga un tiempito si puede darme su parecer con respecto a lo siguiente
"Si tenemos un componente el cuál tiene varios estados, varias funciones, y su respectivo jsx, pero definido en un archivo .js, es conveniente para que sea más limpio crear un name.jsx con el jsx mismo, los states y las funciones pero que el cuerpo de dichas funciones sólo llamen a otras funciones que se encuentran en un name.js (el mismo nombre que el jsx) con toda la lógica para manejar el estado y que estas funciones reciban como argumento ciertas variables y estados (state y setStates), asi lograr componentes un poco más limpios? O hacer todo en un .js derecho, o bien, usar una carpeta helper o algo similar (que es lo que hacía pero no se si sea buena práctica) ... espero haberme hecho entender. Agradecería mucho si podría orientarme.";
Muchas gracias, y que tenga una muy buenas tardes.
@@cuaticito primero que sería un honor ! Y la idea es la siguiente, digamos que tienes un componente que abre un diálogo, este diálogo tiene una lista de elementos a mostrar al usuario y un botón confirmar que cierra la interacción.
Entonces tenemos:
-carpeta utilities / helpers que contiene funciones reutilizables por toda la app
-carpeta components
-componente lista
-componente diálogo (que puede mostrar otros componentes dentro y guarda el comportamiento de abrir y cerrar el modal)
-carpeta pages
-page contenedor que utiliza al componente dialog
--componente button
--componente dialog propia de esta page que utiliza al componente list y que va dentro del component reutilizable dialog.
Espero haberte ayudado !!
@@cuaticito ahh y me olvidaba, .jsx para archivos que tienen html en su interior, .js para los otros.
Y no trates de nombrar con el mismo nombre, que cada funcionalidad represente fácilmente por medio de un nombre fácil su funcionamiento
@@GentlemanProgramming El honor es todo mio .. Muchisimas gracias por tomarse el tiempo para darme el consejo profe, algún día, cuándo tenga, estaré aportando para que este canal siga creciendo como merece. Saludos.
Faltó la carpeta `routes`, sería bueno un video de arquitectura con react-router-dom. Gracias por el vídeo
Tengo un vídeo de routing ! Igualmente estoy por hacer uno nuevo. No uso una carpeta routes generalmente ya que hago que esto surja naturalmente
Buenísimo, es lo que mas anduve buscando. Generalmente los tutoriales son muy básicos y está bien para aprender la herramienta, pero no se explican las arquitecturas, qué significan, qué conviene y no conviene, y eso es lo que piden en la mayoría de los puestos de trabajo. Me gustó mucho tu vídeo, y me gustaría ver tus próximos vídeos, me suscribo!
Vengaaa, gracias por el subscribe espero que te gusten también los vídeos viejos !
@@GentlemanProgramming sisi ya vi unos y me gustaron también, voy a seguir viendo los otros
¡Genial vídeo, gracias! En lo personal, también prefiero agrupar por feature, sobre todo en proyectos grandes en donde haya proyección para ser micro frontends o monorepo. Adicionalmente, por feature tengo básicamente las siguientes carpetas:
- repositories
- servicies
- models
- libs
- state (si la feature necesita redux)
- presentation: donde van los containers/pages, componentes y hooks.
Me gusta agrupar todo lo relacionado a UI en la capa de presentación y dejar lo relacionado a lógica de negocio en carpetas sueltas.
Perfect! Realmente no hay una forma correcta de hacer las cosas, sólo una recordada que siempre adáptanos a nuestras necesidades :)
Justo la explicación que necesitaba, ando buscando más info sobre cómo aplicar arquitecturas limpias
esoooo, genial asokaDev !
Que buen video 🤩👍🏻
Muuuchas gracias Guillermo :D
Sos un genio, no solo que compartis contenido de calidad si no que transmitis de una forma divertida y se te entiende al 100%. Hay algun libro donde se vean explicado a detalle estos conceptos en react?
Gracias miles por el comment y la buena vibra ! la verdad que lo que expliqué es más un rejunte de mis experiencias y conocimientos que fui aprendiendo en el transcurso de los años, la verdad no sabría decirte, si alguien lee este comment y sabe de alguno que lo pongaaaaa
Muito bom! Parabéns e obrigado pelo conteúdo!
You are welcome Pedro !
Segunda vez que miro el día y ya voy entendiendo mejor las cosas, a pesar de que lo explicabas con peras y manzanas XD. Gracias por el buen contenido.
Siempre Getse !! Y que bueno que lo tengas de referencia 🥰🥰
Le estoy entrando a tu canal como cascarudo al foco!
Jaaaaaa, espero que lo estés disfrutando :P
Buen video. No habia visto nunca en uso la carpeta de "adapters"
Yes ! Estamos aplicando los conceptos de clean arquitecture para armar algo lindo para nosotros :)
No muchos lo hacen de esta manera !
Gracias!!
A tí Nico !
Tremendo, cuando ya sabes programar esta bueno que haya videos para buenas practicas
Yes !! Muy pocos he visto con este tipo de contenido y no podía faltar mi aporte a la comunidad :)
Tendrías que dar cursos de programación por Udemy, explicas muy bien
Confirmo. Cursos avanzados serian de mucho valor.
El Radagast de react. Es igual el color de voz. Más allá de chiste, excelente y muy clara explicación !!!
Jajajajajaajajaj te lo tomo ! :D
Messirve, muchas gracias
de nada Selien !
Muy interesante el vídeo, siempre he sido un desarrollador backend y estos últimos meses he estado estudiando y documentándome mas de lleno sobre el frontend, me gusta mucho React JS, me recuerda mucho a Blazor de .NET, también el tema de los web components con librerías como Atomico JS, son geniales, en general tu contenido me ha servido mucho, pero siento que hay un pequeño detalle en este vídeo que no me termina de ajustar y es el tema de la independencia de los frameworks, ese es un pilar importante dentro de las arquitecturas limpias, al igual que la regla de dependencia, en el caso de esta propuesta se rompe, al agregar Redux y Context dentro de Modelos/State (que representan el dominio) y eso hace que el Dominio quede amarrado al framework :/
Saludos y gracias por tus vídeos
Hola Freddy ! Estoy con vos en lo que dices :)
Como decía justo a otro comentario que me notificaba lo mismo, es que no es clean architecture de un proyecto completo o en su total expresión sino el cómo implementar sus conceptos principales desde el lado del front para poder orientarlo a DDD y hacer separación de funcionalidades por capas. La idea principal era de tomar los conceptos de clean architecture, sumarles mi experiencia y con esto obtener una buena estructura para un project de Front :)
@@GentlemanProgramming Me imagino que sería posible abstraer un poco más y hacer las carpetas de "redux" y "styled-components", por ejemplo. El miedo al cambio siempre estará ahí en caso de acoplar la arquitectura de la app a una librería en concreto, por lo que en proyectos a largo plazo este podría ser un tema a debatir sin duda alguna.
Gracias por el contenido. Se agradecen nuevos puntos de vista y en muchas cosas estoy de acuerdo. Pero falta por desacoplar frameworks en la logica para considerarlo clean architecture. Sin embargo me suscribo, muchas gracias!
Yes ! Es que no es clean architecture de un proyecto completo sino el como implementar sus conceptos principales desde el lado del front para poder orientarlo a DDD y hacer separación de funcionalidades por capas :) welcome a la comunidad !!
Me mola mucho el tema, desde que di con un libro sobre Evans me dediqué un tiempo a implementar DDD y por supuesto a predicarlo. Trataba de meterlo donde pudiera, incluso si tenía que ponerle lubricante para que pudiera entrar en el proyecto estaba dispuesto.
Luego de un tiempo, de luchar con las complejidades que adquirimos al implementar DDD me di cuenta que estaba metiendo complejidad innecesaria en los proyectos (KISS), lo que luego de un tiempo me quede con solos conceptos y patrones que incluso hoy en dia me son útiles, pero tratar de meter un DDD en un proyecto mediano y más en un pequeno es de inicio la adquisición de una deuda técnica e incluso la entrada de muchos antipatrones.
Incluso trate de incluir eso en react cuando me tocaba hacer frontend, pero en realidad estructurar las carpetas como: "domain", "infra" y "application" no convierte una proyecto en DDD, e incluso DDD es una mala idea para frontend, prefiero más apostar por mono repo.
Por supuesto he tenido la oportunidad de colaborar en grandes proyectos donde hasta el cuerpo ya te pide un patrón así de forma natural.
En resumen KISS buddy!
Que sería monorepo?
como me gustaria laburar en un proyecto tuyo, estoy podrido de participar en proyectos gigantes sin estructura, gracias a tus videos estoy aprendiendo mucho de arquitectura y espero con el tiempo poder aportar estos conocimientos en los proyectos de la empresa en la que estoy
MUUUUUCHAS GRACIAAAAAAAAAAAAS!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
A ti por pasarte y dejar un mensajeeeeee
Se agradece el material y esta muy bueno, pero deberias pensar en desacoplar el core/dominio de la app, de redux/context y moverlos hacia una capa exterior. En su lugar se podrian usar clases e interfaces, ya que ahi aplicarias mejor el concepto de que el dominio no dependa de librerias o frameworks. El grueso del trabajo ya lo hiciste pero podes seguir puliendo la estructura para brindarnos y brindarte mejores practicas (mas alla de que en la practica se puedan modificar), lo cual se agradeceria muchisimo. Exitos!
Gracias por el feedback !
¿Te refieres a usar el redux atraves de abstracciones para no acoplar la app a esta tecnología? O ¿cómo lo desacolparias? Gracias
@@cejaramillof muy recientemente empecé con la idea de usar clean architecture con react (más precisamente next.js y typescript). Por lo que entiendo podrías generar interfaces y clases para representar el dominio de la aplicación, que en general coincidiría con el estado. Esa capa central desarrollada sólo en js o ts, sería importada como dependencia en la capa externa, por lo cual para el dominio ya es totalmente desconocido si en el proyecto se usa con react, vue, angular o js vanilla. Lo ideal sería que tanto los componentes de react como las llamadas al exterior (apis, blockchains) queden en la capa más externa, pero bueno como te digo todavía es una idea que no pude poner en práctica, me falta madurada más aun.
@@rodrigosolari8103 no me queda muy claro, de casualidad tienes algún ejemplo en github o algo así? Gracias
@@cejaramillof no, nada por el momento
me gusto mucho lo del adapters, es una capita más en la ui que te ayuda a como vos decis a no hacer el cambio en toda la app .. en el proyecto donde estoy no lo estamos utlizando
No te preocupes ! No muchos lo hacen, pero yo una vez que lo aprendí no pude dejar de ver su importancia. Unos cuantos devs me han dicho que luego de este vídeo ven adapters everywhere hahha
@@GentlemanProgramming te ganaste un suscriptor :D
Excelente contenido y muy buena forma de explicar la clean architecture, además de react y angular, es totalmente aplicable a Vue que es algo que hacemos en el trabajo. Lo que te quería consultar es acerca de la utilización de funciones factory para crear objetos, no vi algún directorio para eso en el ejemplo. Lo haces por medio de los adaptadores también? Saludos y muchas gracias por lo que haces para la comunidad
Buena pregunta ! En mi caso lo hago dentro de models ya que se encargan de crear objetos nuevos siguiendo una estructura que los representa (por ejemplo la class que está creada para los observables en el vídeo, es una factory de un solo tipo de objeto por el momento).
Muchas gracias por tu mensaje !!
Hola gentleman, tengo un incoveniente que vos talvez me podes ayudar.
Quiero sacar el ../ de los imports, entiendo que hay que hacer una configuración en el tsconfig.json porque en next lo hago y me deja, pongo baseUrl:".", y ahí me deja hacer el import así: import {Component} from "components";
Pero en react-vite no me funciona, sabes porque? Con react-cra no probé aún.
Busqué en google y nada, por eso pregunto jajaja
Saludos!
Muy muy buen video, tengo una cónsulas si uso nextJs como hago con las tarjetas pages, es mas con componentes que se usarían solo en una page en particular , saludos
Es la misma lógica ! Si es algo que solo afecta a una sola vista, irá dentro de la misma, en caso contrario irá en una carpeta en el root :)
Un gran video, muchas gracias por compartirlo
De nada HOLMANPZ !!! Con todooo
En el caso de los adapters, no afectará en el rendimiento de la app si por ejemplo se reciben muchos datos de un arreglo de objetos por ejemplo. A lo mejor unos 50 datos aprox y estarlos mapeando uno por uno
¿Los interceptors son como middlewares en react?
Super lo de las capas, podrías compartirnos un repo para ver su implementación porfa
Prometo en un futuro vídeo !
Incluso en services pudiera separarse un poco mas la instancia de Axios en otro archivo y ahi tener las base url, no pasarla, si no tener esa estructura para tener varios archivos de varias instancias de Axios para conexiones de otras API y que cada una pudiera tener alguna cosa extra en los headers (Por decir algo), algo asi yo lo separaba en usando Vue + Vuex y es la estructura que recomendaba Evan You
Yes ! Es una buena forma de hacerlo. En mi caso generalmente tengo las base url en los archivos env, ya que cambian según el environment que utilicemos y luego podemos tener bien como tu dices ficheros que manejen las diferentes rutas. Todo depende de que tanto necesites :)
en el caso de vite, cuando hago build, no me generá las imágenes, la tengo en carpeta assets/img
¡Buenísimo el video! Messirve. Una pregunta que me quedo, yo en los proyectos a las interfaces de un componente lo dejo en el mismo archivo, si necesito la misma interfaz en otro componente lo pongo en ts/types.ts Ahora no sé si sería ahí o en la carpeta models/
Hola ! yo siempre recomiendo ponerlo en otro archivo, en este caso en la carpeta models para tener todo en el mismo lugar y respetar la capa "domain" :)
Que buen video, voy a probar creando unos pequeños proyectos y aplicando esta estructura de carpetas!
Gracias genio!
PD: tenemos repo de esto? :O
Si y no jaja en mi nuevo vídeo sobre custom hooks tienes un project basado en esta arq :)
Buena Gentleman
Gracias Lenin !!!
Una consulta, supongo que los adapters los usas dentro de los services, ya que a los componentes le interesaría trabajar sobre el modelo del frontend no con el del backend.
Pregunto xq en tu ejemplo del service retorna lo que devuelve el backend directamente.
Por lo demás, muy buen video!
Depende ! Puede ser que un componente requiera de un formato diferente de la misma información por lo que usar el adapter en el componente mismo también es buena idea. Por ejemplo en mi caso me ha pasado que la misma información de usuario se adapta de diferente manera acorde al componente que la utilice :)
Hola Amigo, videazo!! Me encantan tus lentes jajaj podrias decirme que modelo de lente es?
Hola Juan ! Son unos Rayban new aviator optics de lectura, por suerte los pude conseguir de descuento !!
Buenas! Excelente Video. Una consulta eso si. Las funciones mas genericas que se utilicen en toda la app (algo como por ejemplo, validar un string) irian en la carpeta de utilities cierto ? Saludos !
Eeeeso mismo :)
Video asombroso!!! Me quedo una duda, donde llamarías a los interceptors como PublicPrivateInterceptor del ejemplo? Muchas gracias!
Estos se llaman en el app module, o si eres más ordenado dentro del core module que luego se importa en el primero nombrado.
:D
Amigo Gentleman amo tus videos, pequeña pregunta, cual es el tema que usas en el VS?
Un saludazo, segui haciendo contenido
Creo que Catppuccin mocha aunque ahora uso Kanagawa Dragón 🐉
Genioo!! Muy buen video, pregunta...dentro de la estructura de carpetas no entran los helpers? estoy mirando un curso y usan esa carpeta, saludos.
Yo creo que dentro del front es lo que yo llamo utils :)
Alan , aparte de los 2 videos de Clean , tienes alguno otro que tambien pueda servirme de ejemplo para mi organizacion de carpetas y creacion de componentes y demas bien organizado?
Yes ! Fíjate la playlist de React ! Tienes de todo ahí :)
@@GentlemanProgramming Yes , me la estoy viendo en orden voy un poco más de la mitad, solo queria saber si habia algo asi especifico a eso de las carpetas , pero seguiré el orden de los videos , gracias Alan
¿Esto se puede aplicar de la misma forma con Next?
Sería bueno ver un video sobre esto con Next ya qué han sacado de la documentación el create-react-app y ahora recomiendan el uso de otras herramientas como Next o Gatsby
Ya lo tienes en mi playlist de next ! Esta todo explicado cómo estructurar el project usando las mejores prácticas :)
Consulta el hook de useAsync como lo conecto con services?, dentro de useAsync le manda la función login? y de esa forma funcionaría?, desde ya muchas gracias
Fijate mi master class sobre hooks ! ahí lo explico ;)
Y bueno, al parecer no veré más contenido de Angular... La razón por la cual me suscribí :( ... Igual el dueño del canal es tremendo profe
Va a seguir habiendo contenido de Angular como también de otros frameworks, es que al trabajar a veces 12 horas al día no me da tiempo a crear todo el contenido que me gustaría y voy por partes satisfaciendo a todos los que pueda :(
@@GentlemanProgramming No hay problema profe. Se hace lo que se puede... Y aparte contaste hace algunos videos que estabas trabajando con React en tu trabajo y la gente lo pide, así que valga para que yo también aprenda React - Sigo recomendando tu canal a todo el que puedo.
Buenas, pregunta: dentro de la arquitectura DDD, no se supone que el framework ( react ) debería quedar por fuera de todo?
Exacto, aquí lo que hacemos es implementar los conceptos de Clean Architecture para hacer nuestro front, si vamos a implementarlo en un proyecto como tal, el front debe ser totalmente agnóstico e intercambiable a necesidad