Flutter Clean Architecture con GetX: App de Delivery

Подписаться 104 тыс.

Просмотров 38 тыс.

50% 1

1st Part (UI design of this video):
• Delivery App UI Clean ...
Follow me:
/ diegoveloper
My personal website:
diegoveloper.com/
Source Code
www.buymeacoff...
Help me sharing my RU-vid channel and like the video to keep creating content.
Ayúdame compartiendo mi canal y dale me gusta al video para seguir creando contenido.
If you want to activate ENGLISH subtitles , it works on RU-vid desktop (non-mobile app).
On the video Go to Settings - subtitles - select Spanish - autogenerate, after that , select again and you will see a new option Settings - subtitles - Auto translate, choose your language. That's it.
🎵 Background Music
--------------------------------------------------------------
Far Away by Declan DP / declandp Licensing Agreement: www.declandp.in... Free Download / Stream: bit.ly/2NhWC1F Music promoted by Audio Library • Far Away - Declan DP (...

Опубликовано:

6 окт 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 145

@Maikzen 2 года назад

Llevo tres años ya programando en Flutter y me sorprendo aun así de los buenos conocimientos que compartes con la comunidad. Sigo mejorando como developer gracias a ti. Saludos desde España.

@tebito24 3 года назад

Excelente video, hace tiempo he querido encontrar una arquitectura tan limpia como la tuya para guiarme, porque con proyectos grandes es un caos. Muchas gracias!!

@renysh 4 года назад

Excelente... muchas gracias por compartir tu conocimiento... Saludos desde el vecino país Ecuador....

@gamerstyle8706 4 года назад

Diego, el mejor👨🏻‍💻💪 saludos desde REPÚBLICA DOMINICANA

@DelgadoRecords 4 года назад

Excelente, yo igual, RD-La Vega jeje

@diegoveloper 4 года назад

Saludos para republica Dominicana, espero ir el otro año si es que hay algún evento de google por ahí :D

@gamerstyle8706 4 года назад

@@diegoveloper si, debemos organizar eso, te queremos por acá

@elpalakierereroll 4 года назад

ORO PURO

@workforlivestudio4359 3 года назад

thank you very much for English subtitle

@misterjj96 4 года назад

Lo estaba esperando con ansias, gracias Diego

@manuelduarte8880 3 года назад

Genial, que buen video, grande Diego

@maiconviniciuscrespo 3 года назад

Great Diego, Awesome tutorials, bueno ahora empiezo con este ..ya te dire al final, de paso ya te estoy recomendando a muchissima gente!!

@josuedurandpebe5093 3 года назад

Excelente vídeo Diego, gracias por compartir tus conocimientos 🤟 Eres el mejooooooor

@elvissalabarriaaquino1428 3 года назад

estupendo, gracias diego

@samiralkalii9018 3 года назад

Gran maratón de video,se aprende el getx y el clean architecture, gracias Diego

@eiderarango5863 3 года назад

Muchas gracias hermano, muy bueno el video.

@mobilelegendstutorialesygu4790 4 года назад

Valio la pena cada minuto, grande Diego, saludos desde ica.

@brprogrammer 4 года назад

Kakaroto muchas gracias por el vídeo, valió la pena verlo desde el segun 0 hasta el segundo 8120 :D xD. Espero y pronto salgo uno con flutter_bloc. Nuevamente gracias por compartir tu conocimiento, saludos desde Ecuador y espero visites en cualquier momento crack!

@dufayel 3 года назад

Great explanation and implementation, thank you.

@romanpsx 4 года назад

excelente Diego!, buen material para aprender, saludos :)

@arturfil 3 года назад

Excelente video!

Год назад

Genial video Diego, muchas gracias. Una pregunta, si ya tuviéramos que hacer una integración con backend en la implementación de api repository se hacen los llamados directos usando http o dio, o es más recomendable crear una clase para el servicio, tendrás un ejemplo de esto?

@diegoveloper Год назад

No tengo un ejemplo pero lo ideal sería una clase para manejar el cliente que desees, ya sea http, dio, etc.

@sergiosandoval3821 3 года назад

Genial, felicidades. Yo también cuando estaba aprendiendo getx y vi que dentro del controlador tenías que lanzar la otra página sufrí ...🤮

@coreeepe2422 Год назад

This course was exactly what I needed. I came to your site because I needed your source code and was going to become a supporter, but there was no code for this deliveryapp on your site. Could you please tell me how to do it?

@diegoveloper Год назад

www.buymeacoffee.com/diegoveloper/extras

@luispizarro6010 4 года назад

soy nuevo en flutter quería comenzar con bloc pero después de investigar vi que getx tiene muchas ventajas en comparación con bloc, provider, reddux y entre otros

@gfr376 3 года назад

yo estudié bloc y el provider me costó bastante eso sí, pero a la hora de implementar como que hacía muy saturado el código, asi que probé GetX y me va muy bien.

@charlycae93 4 года назад

Hola Diego gracias por compartir tus conocimientos, espero y saques otro Challenge, pero con otro gestor de estado como bloc y provider de igual forma implementando clean arquitecture

@adrianns 3 года назад

Diego! Muy bueno video como muchos de los que compartes felicitaciones... Consulta! no tenemos repo de esto?

@diegoveloper 3 года назад

Siempre hay repo de todos los videos, más info aquí: buymeacoffee.com/diegoveloper

@adrianns 3 года назад

@@diegoveloper Excelente! Gracias

@techzone2009 3 года назад

Can make this series in English

@diegoveloper 3 года назад

But you can enable english subtitles

@edgargiobanny 4 года назад

Vamos a ver que tal esta amigo aun que, la verdad estoy apenas aprendiendo saludos

@noramanga 4 года назад

Great! Thanks! What do you use for screen recording please ?

@diegoveloper 4 года назад

OBS studio :)

@Jonathan-tz3yc 3 года назад

Como podemos navegar con los botones de abajo con las rutas que defines con GetX?

@pzentenoe 3 года назад

Hola Diego muy bueno lo que haces, consulta que patron de diseño seria al usar GetX porque como mencionas pasa mucho que en el controller se mezcla la logica con navegacion, en bloc al menos eso esta bien separado pero es mas tedioso en otros aspectos, Saludos

@diegoveloper 3 года назад

Hola, he visto que hay uno que se llama GetPattern, me parece bueno

@immanuelsalazar4353 3 года назад

Cual considerarías mejor para comenzar, provider, bloc o getx? saludos crackl!

@diegoveloper 3 года назад

Para comenzar, entender primero este video : ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-QJngeHgHA50.html , luego este: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-hUPFvQsN3-w.html , terminando de ver el segundo video sabrás con cual podrías empezar.

@DavidAriasDev 3 года назад

@diegoveloper tengo un problema ahora los proyectos de flutter tiene el null safety, y no se como se puede inicializar este modal Observable. Rx user;

@DavidAriasDev 3 года назад

class HomeController extends GetxController { final LocalRepositoryInterface localRepositoryInterface; HomeController({required this.localRepositoryInterface}); Rx user; @override onReady() { loadUser(); super.onReady(); } void loadUser() async{ final currentUser = await localRepositoryInterface.getUser(); user(currentUser); } }

@DavidAriasDev 3 года назад

Hola Diego

@diegoveloper 3 года назад

Hola, quizas con un late final lo solucionas, de otro modo te recomiendo este grupo donde estamos activamente ayudando con dudas facebook.com/groups/flutter.dart.spanish/?ref=share

@ARNOLDARIO 2 года назад

Diego gracias por lo simple que demuestra ser programar en flutter. Tengo una pregunta no se si tengas un vídeo donde se haga la app pero en web con el mismo código. Osea cosas a tener en cuenta y/o configurar si aplica responsiva mucho mejor. Gracias

@diegoveloper 2 года назад

Tengo algo parecido ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-SH0IWlsYZ50.html

@aprendeconmigo-yibsonleudo7063 3 года назад

Hola Diego, una preguntica. En el minumo 33:25 puedes hacer ese Get.find() solo porque antes ya habías puesto la implementacion en el initialBinding? De ante mano muchas gracias!

@diegoveloper 3 года назад

Así es, una vez que están inyectados en el initialBinding, lo demás es usar Get.find() para encontrar el controlador/dependencia

@aprendeconmigo-yibsonleudo7063 3 года назад

@@diegoveloper Entonces siendo así, en el initialBinding/MainBindings debería poner todas mis interfaces e implementaciones, para así poder usar el Get.find() en todos mis Bindings Es correcto ?

@aprendeconmigo-yibsonleudo7063 3 года назад

@@diegoveloper Porque en este caso tu pones esos dos porque no tienes mas repositories e implementaciones? porque si tuvieses más los podrias todos en initialBinding?

@diegoveloper 3 года назад

@@aprendeconmigo-yibsonleudo7063 Pues sí, es el lugar donde se inyectan las dependencias si es que usas GetX

@diegoveloper 3 года назад

@@aprendeconmigo-yibsonleudo7063 yes

@mustafashaikh7829 3 года назад

Hi I've followed everything but Theme is not updating I have print switch value is update but theme not change

@mustafashaikh7829 3 года назад

Yep I solved but it was very funny and strange it took more than an hour to figure out the issue that was my mobile display setting already in dark mode and it was not updating when clicking on dark mode but when we keep default theme as light and do hot restart its seen as light or dark. But not updating when system display already set to DARK THEME. How can we solve this.???

@diegoveloper 3 года назад

@@mustafashaikh7829 use ThemeMode.system

@Starrk321 4 года назад

Muy buen video Diego, pero tengo una duda, que tan pegada esta esta arquitectura a lo que usas en tu día a día para producción?

@diegoveloper 4 года назад

Bastante, excepto GetX, normalmente usamos provider + nuestra propia implementación de gestor de estados.

@Starrk321 4 года назад

diegoveloper gracias y una más, has usado el paquete dartz, tiene una implementación llamada Either para manejar errores que me llama la atención pero no se si sea bueno depender de un paquete para convertir exceptions en errores ya en producción. Saludos

@diegoveloper 4 года назад

Le di un vistazo rápido, se ve bueno, podrías usarlo sin problemas ya que no depende para nada de widgets de vista, además tampoco depende de plugins, es pura implementación Dart, aunque lo mejor sería que revises el código y puedes implementar algo que se ajuste a lo que deseas, muchas veces los packages traen demasiadas cosas, y solo necesitamos un par de clases :D

@Starrk321 4 года назад

diegoveloper gracias! Súper tus comentarios y buen video!

@riki6363 4 года назад

Hola Diego, excelente el vídeo. Quería hacerte una pregunta, el snackbar en iOS se ejecuta desde arriba y en Android desde abajo? Estoy tratando de hacer en Android que baje desde arriba, pero no veo que se pueda hacer. Gracias y un abrazo.

@diegoveloper 4 года назад

Hmm no estoy seguro ya que ese snackbar es propio de Getx, quizas puedes cambiarle la propiedad de snackPosition que trae, puedes ver las opciones que trae aquí github.com/jonataslaw/getx/blob/master/packages/get_navigation/lib/src/snackbar/snack.dart

@DavidAriasDev 3 года назад

Como se hace pruebas unitarias en flutter

@diegoveloper 3 года назад

ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-Fo6x4ZbO_Iw.html

@cjamcu 4 года назад

Los controllers de las páginas internas del home los inyectaría como lazy en el home_binding. Preferiría hacerlo así que meter el Get.put dentro del widget.

@diegoveloper 4 года назад

Muy buena observación, de acuerdo contigo

@cjamcu 4 года назад

@@diegoveloper Puedes dejar el link del repo ?

@diegoveloper 4 года назад

El code solo está disponible para los patrons. www.patreon.com/diegoveloper

@cjamcu 4 года назад

@@diegoveloper ya me suscribi , pero no veo el link :(

@diegoveloper 4 года назад

@@cjamcu te escribí en patreon, revisa tus mensajes

@ARNOLDARIO Год назад

Buenas dias. Diego estoy teniendo problemas al intentar replicar tu reto, ya que al generar un proyecto en flutter desde cero, por ser con fluter 3 y la activacion por defecto de NullSafety. Que recomendaciones me das para tener en cuenta si quisiera replicar esta aplicacion hoy 23/02/2023. Aaa y otra cosa nose por que pero el archivo de adobe XD, es diferente, nuevo diseño y no tiene los elementos assets. Gracias de antemano.

@diegoveloper Год назад

Hola, sii, es muy antiguo ya este video, y sobre el archivo de adobe, me acuerdo que le hice una variación para que sea más simple y rápido el proceso, pero el original es el que ves en el link. Si puedes hacerte miembro del canal (plan DEVELOPER), tendrías acceso al chat de DISCORD donde estamos todos los días compartiendo dudas,consultas, de todo.

@Laraveloper 4 года назад

Probando el código encontre 2 inconvenientes: 1: El Get.isDarkMode siempre me retornaba false la solucion fue agregar al darktheme y lightTheme = AppBarTheme( brightness: Brightness.light, // Brightness.dark 2: Cuando se realiza el logut como se eliminaron los datos del sharedpreferences siempre la primera vez entra al metodo validateTheme y ahi existe un if{}else{} la solucion es agregar if(){ .... else{ await localRepositoryInterface.saveDarkMode(Get.isDarkMode); //agregado Get.changeTheme(Get.isDarkMode ? darkTheme : lightTheme); }

@carlosvargas4667 4 года назад

Hola Diego, gracias por tu aporte sobre GetX y todo sobre Flutter, algo que no te gusto de GetX es que desde los controladores se pueda manejar Widgets y estoy de acuerdo, también comentabas que te hubiera gustado que lo separaran creo, que se puede, para evitar caer en esa trampa, a la hora de importar solo trabajo con lo que necesito ejemplo import 'package:get/state_manager.dart'; si deseo rutas import 'package:get/route_manager.dart; asi... pero si quiero todo y es donde se debe tener cuidado seria import 'package:get/get.dart es mi opinión si estoy errado por favor ayúdame a corregir ese concepto, gracias

@diegoveloper 4 года назад

Sí, lo ideal es importar solo lo que necesitas

@carlosvargas4667 4 года назад

@@diegoveloper Gracias Diego, desde ya esperando tus nuevos videos

@mateuszszafraniec5567 3 года назад

How to implement unit tests in this structure?

@diegoveloper 3 года назад

Check the next video from that playlist

@mateuszszafraniec5567 3 года назад

@@diegoveloper It's about Provider :(

@diegoveloper 3 года назад

check the next one, ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-Fo6x4ZbO_Iw.html

@agueroalvaro 3 года назад

Hola excelente video muchas gracias, Quizás alguien me pueda ayudar con esta duda, ¿Porqué los Requests y Responses están en Domain y no en Data? thanks!

@diegoveloper 3 года назад

Clean architecture es muy abierto, puedes implementarlos de muchas formas, en este caso lo hice de una forma simple. Revisa los playlist de mi canal, hay uno de una app de Chat donde uso usecases también. Algunos agregan incluso entities, que irían a nivel de data. En este caso lo deje en domain porque el response lo uso en el controller/bloc.

@agueroalvaro 3 года назад

@@diegoveloper excelente gracias!

@damiantriebl1747 3 года назад

consulta. porque no usas Get_storage? que es mas rapido que shared?

@diegoveloper 3 года назад

Solo quería usar GetX para la gestión de estados, hice el mismo ejemplo con provider, la implementación de storage se puede cambiar por cualquier package/plugin.

@damiantriebl1747 3 года назад

@@diegoveloper gracias!!. ya que estas conectado te pregunto

@damiantriebl1747 3 года назад

@@diegoveloper consulta, porque las paginas decís que tienen que ser métodos saticos, cual es la razón? no puedo poner métodos comunes?

@diegoveloper 3 года назад

@@damiantriebl1747 Si pones métodos comunes vas a tener que crear una instancia para acceder al método, estos ya son conceptos básicos de POO, no de Flutter en si

@Krdn13 3 года назад

Muchas gracias Diego, una duda, la pantalla de login nunca se vería en dark, verdad?

@diegoveloper 3 года назад

Depende como lo manejes, si deseas podrías persistirlo en sharedpreferences y al iniciar cargas ese valor y según eso pones el theme deseado.

@Krdn13 3 года назад

Genial, no había pensado en eso, gracias por tu respuesta!

@edroptransxor3430 3 года назад

Please add English Subtitle or please speak english..then you will have more subscribers...your work is great, but it's difficult to follow up in spanish

@diegoveloper 3 года назад

English subtitles were added.

@edwardcruz517 3 года назад

puedes hacer uno desde cero ??

@diegoveloper 3 года назад

Lo hice desde cero, pero en el anterior video : ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-Ek4tRH19xiY.html

@Flutterdev6391 3 года назад

Please enable English subtitles

@diegoveloper 3 года назад

Check the video description

@Flutterdev6391 3 года назад

@@diegoveloper in description code is available but I want that can you speak in English

@diegoveloper 3 года назад

If you want to activate ENGLISH subtitles , it works on RU-vid desktop (non-mobile app). On the video Go to Settings - subtitles - select Spanish - autogenerate, after that , select again and you will see a new option Settings - subtitles - Auto translate, choose your language. That's it.

@Flutterdev6391 3 года назад

@@diegoveloper ok thank

@BandaPietra 3 года назад

Removeu o primeiro video amg :/

@diegoveloper 3 года назад

:( yes, the first video was removed due to copyright (music).

@diegoveloper 3 года назад

ya está: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-BUDyX-SX1Ew.html

@BandaPietra 3 года назад

thank you friend, got a subscriber ❤️

@DelgadoRecords 4 года назад

Hola Diego, estoy viendo el video, pero antes de, igual te pregunto, Clean achitecture es la misma que el Getx Pattern ? o sea esta: github.com/kauemurakami/getx_pattern/tree/master/getx_pattern_example Saludos.

@diegoveloper 4 года назад

El getX pattern es solo una estructura de carpetas, clean architecture es un concepto para el proceso de desarrollo de software que puede ser aplicado a cualquier proyecto de software, basado en capas, abstracciones, para hacer la app testeable. Como su nombre lo dice getX pattern

@jerryarekhandia1003 3 года назад

I wish you can recreate your videos in English, the subtitles are awful. It will also help you with more views. Nice video though

@protosdark 4 года назад

Amigo disculpa para llamar a los servicios cual es lo recomendado?? En Android estaba usando retrofit

@diegoveloper 4 года назад

Puedes usar el package más simple que es `http` o también `dio`

@robertomejia3124 3 года назад

algun update de este video con otro manejador de estado ? :D

@diegoveloper 3 года назад

Que manejador de estados te interesa? al final todos apuntan a lo mismo, delegar la tarea a una clase que maneje la lógica del negocio para poder actualizar la UI en base a un resultado.

@jesusrb1989 4 года назад

Podrías compartir el código en Github? gracias por tu video

@diegoveloper 4 года назад

www.patreon.com/diegoveloper

@David-fk9qj 3 года назад

Hola donde pongo los modelos? en que carpeta de clean architecture los situo?

@diegoveloper 3 года назад

domain/model/(aquí)

@David-fk9qj 3 года назад

@@diegoveloper muchas gracias, empezar clean architecture desde 0 es bastante confuso, estoy acostumbrado al tipico src/pages, src/models, src/blocs ..

@diegoveloper 3 года назад

Los últimos 3 videos que he subido también está con clean architecture, pero esta vez con flutter_bloc

@RobertoOrtis 4 года назад

Excelente! Ayer terminé un ejemplo con GetX e injección de dependencias para autenticación de usuario. Si alguien está interesado, aquí les dejo el enlace de github github.com/RobertoOrtis/getXAuth

@diegoveloper 4 года назад

Te recomiendo que revises el video, y apliques clean architecture a tu proyecto, la capa Data no tiene que saber nada de GetX. De esa forma se hace fácil de testear.

@RobertoOrtis 4 года назад

@@diegoveloper si aún no he terminado de ver el vídeo. Yo estoy usando el patrón getx_pattern, me gusta la organización de ese patrón. Tienes alguna opinión sobre él? Yo no uso Splash screen para autenticación, lo hago en el home. Me encantaría si pudieras echarle un vistazo a mí ejemplo y me dejaras tu opinión :)

@diegoveloper 4 года назад

Solo te guía como organizar tus carpetas, también es válido, pero no olvides lo de separar tu app en capas y que solo la capa de presentation/ui sea la que sepa sobre el gestor de estados.

@RobertoOrtis 4 года назад

@@diegoveloper si, eso intento hacer. Por eso me encantaría que tomarás unos minutos para revisar mi ejemplo y ver si lo estoy haciendo correctamente.

@diegoveloper 4 года назад

@@RobertoOrtis por eso te recomiendo ver el video completo. github.com/RobertoOrtis/getXAuth/blob/master/lib/app/data/repositories/authentication/authentication_repository.dart eso está en la capa de datos, no éstas trabajando en base a interfaces, la capa de datos no tiene porque saber de getx, estas usando getxcontroller ahí