Full Flutter Chat App (1/3) Clean Architecture - StreamChat - flutter_bloc - inyección dependencias
Вставка
- Опубліковано 7 бер 2021
- 📌 Stream Chat Flutter Tutorial:
bit.ly/stream-chat-flutter
📌 Video Part 2 - Full Flutter Chat App (2/3)
• Full Flutter Chat App ...
🎨 Daniel Alcantara (UI/UX):
dribbble.com/daniAlav
hedav73@gmail.com
projects.invisionapp.com/prot...
(Create an account in order to see the assets)
🔵 Follow me:
/ diegoveloper
🌐 My personal website:
diegoveloper.com/
📌 English subtitles (UA-cam Desktop - only)
Click on the “Settings” icon, select “Subtitles/CC,” and then click “Auto Translate.” A list of languages you can translate into will be displayed. Select “English” (Or the language you want). Done!
✅ Donations
www.buymeacoffee.com/diegovel...
✅ Coaching/Asesorías
www.buymeacoffee.com/diegovel...
✅ Source Code (You need a membership)
www.buymeacoffee.com/diegovel...
💻 My Setup:
Standing Desk: amzn.to/39HLvut
Anti Fatigue Standing Desk Mat: amzn.to/3thoaZM
Monitor: amzn.to/36wQy0c
Monitor Arm: amzn.to/3r3J5h0
Macbook Arm: amzn.to/3acOvzq
Macbook Tray: amzn.to/3r7dBXm
Macbook Vertical Stand: amzn.to/2MnhrNf
Webcam: amzn.to/3qfILMf
Camera: amzn.to/3jIXJru
Camera Mic: amzn.to/2MdxVaC
Speakers: amzn.to/2YAqFrY
MultiPort Adapter USB-C: amzn.to/2N98rLP
Phone Holder: amzn.to/379BmGv
Headphones: amzn.to/2YzUE39
Keyboard: amzn.to/3qkMsA8
Wood Keyboard Tray: amzn.to/3cJRrXl
Microphone: amzn.to/3rbAVD9
Microphone Stand: amzn.to/3rLfhpx
Mouse Logitech: amzn.to/3cpVFDc
Mouse Pad Razer: amzn.to/2MHvDjV
Strip Lights: amzn.to/36w0F5x
Goku Figure: amzn.to/36tjx4X :v
Chair (Herman Miller): • La MEJOR SILLA de ofic...
--------------------------------------------------------------
Feel free to use my code from the video to your projects, just don't forget to give me the credits adding my twitter and youtube channel in your comments or network where you use it :).
--------------------------------------------------------------
🎵 Background Music
--------------------------------------------------------------
Far Away by Declan DP / declandp Licensing Agreement: www.declandp.info/music-licensing Free Download / Stream: bit.ly/2NhWC1F Music promoted by Audio Library • Far Away - Declan DP (...
------------------------------
Life by Markvard / markvard
Creative Commons - Attribution 3.0 Unported - CC BY 3.0
Free Download / Stream: bit.ly/-_life
Music promoted by Audio Library • Life - Markvard (No Co...
------------------------------
🎵 Track Info:
Title: Life by Markvard
Genre and Mood: Dance & Electronic + Calm
---
🎧 Available on:
Spotify: spoti.fi/3mu1nW9
iTunes: apple.co/3a8ep98
Deezer: deezer.com/us/track/1155444542
SoundCloud: / life
---
😊 Contact the Artist:
Markvard:
markvardmusic@gmail.com
markvard588656859.wordpress.c...
/ markvard
itunes.apple.com/se/artist/ma...
open.spotify.com/artist/6T5Hs...
deezer.com/us/artist/11171576
markvard.bandcamp.com
/ markvardofficial
--- - Наука та технологія
Part 2: ua-cam.com/video/xGXvgrA_vNY/v-deo.html
Muy buena intro jajaj, es muy bueno ver que tu canal sigue creciendo 👌🏼 Pensé que la app del chat se quedaría en el primer video pero está muy interesante con este enfoque
no hay duda que uno de los mejores canales para seguir aprendiendo Flutter, CRACK bro, Ban Brayan jajaja.. El video se hace entretenido incluso antes de comenzar a codificar, un buen plus...
Ahí vamos mejorando poco a poco bro , creo que las intros siempre son buenas :)
Brayan será un gerente de proyectos en poco
Excelente contenido. ¡Exitos con el streaming Diego!
Apenas lo voy comenzando y ya se nota la calidad, +10
I don't understand a single word but it's a really cool project!
Thanks for sharing this. ☺
Sos grande Diego, gracias por tu tiempo y conocimientos
xD Kakaroto vamos sin bloquear pe :v
Ya eres un crack hasta para hacer intros
Me gustó mucho cubit, espero usarlo para mis próximos proyectos, gracias. bendiciones.
Qué onda, full video, hoy trabajaste como acostumbramos a plantear cualquier aplicación en la empresa, siempre gestionamos los estados, cuando eso funciona ya luego tiramos el frontend, esos detalles de interfaz suelen llevar tiempo, pero cuando la app está bien gestionada sale de una, ese Brayan no se olvida de nada jejejeje, saludos desde colombia
XD me estoy volviendo famoso
Aprovechando que en el minuto 27 mencionas que puedes hacer una comparativa entre provider y flutter_bloc, puedes hacer un video mostrando un equivalente de BlocListener para provider, de momento creo que es un poco complicado mostrar snacks, dialogos y navegar entre views con provider y creo que no hay mucho en internet de como hacerlo de forma correcta
Este tipo es un genio! Gracias por compartir sus conocimientos, todo un crack, me inspiras!!
Muchas gracias ;), no te olvides que la parte 2 ya está disponible también.
@@diegoveloper Claro claro!!
Diego eres un Crack tus videos me an ayudado mucho para aprender flutter
Genial :) , ya listo para la segunda parte? por la tarde estará publicada
ÓtimoS vídeos, vou esperar o restante. Seu vídeo chegou até o brasil!
muito obrigado
Your flutter videos are awesome.
Fezibo
Muchas gracias, gran trabajo
muy buena la intro y el video muy bueno tambien
Excelente video.
5 Estrellas para esa intro 🔥
Jeje quedó buena no? Se me ocurrió derrepente
jajaja quedo buena!🤙🏽
Thanks for the English subtitle.♥️
Muy buenos vídeos , me encantó , 100% tu fan
Graciasssss :) ayudame compartiendo el canal
Flutter me parecía muy desordenado pero con ese video voy a darle una oportunidad
great UI!
It's amazing 💯💯
Bro you are the only person I found that explains and codes thanks for the upload.
Bro is it possible for you to make uber freight there are none on UA-cam and even if there were still think you are better since you explain
Hope you see this 😁😁😁😁😁
Jajajajaj Brutalll esa intro!!!!! Cada vez se nota más calidad en tu canal y en tus tutoriales.
Dile a Brayan que te compre una diegoveloper-señal, como la de batman!!.
Esperando a ver los siguientes!!!. Gracias nuevamente por compartirlo con nosotros!!!
Jaajaajajaaj kakaroto-señal sería :v
ahora han cambiado algunas cosas, porque me da errores, podrías hacer una actualización por favor, gracias
ERES EL MEJOR
Apoyo la comparacion de bloc && Provider !!! SALUDOS
Poderia fazer um tutorial de TDD usando GetX? Não vi ainda nada assim no UA-cam
OMG!! Me encanto la intro!! 😍
Solo porqué me nombran? Ajajaja
@@brprogrammer obviously 😘
@@kevinmelendezhernandez3334 🤩😍 thanks
Que grato escuchar a Petro! eso son propuestas, eso es conocer a Colombia!
Awesome, Thank Tou
Otro level la intro...
hehe, mejorando de a pocos
Que buena esta tu mesa!
hice un review de esa mesa en mi canal :)
Muchas gracias desde Italia.
saluti
Amigo, muchas gracias por compartir tu conocimiento, agredecido y un buen material, mi hijo está aprendiendo a desarrollar y solo tiene 10 años, entendió rápidamente y no tuve que preguntarle nada, todo me lo explico rápidamente. Eso quiere decir que entendió. Sigue así amigo.
Pregunta: compartirás El código fuente y el diseño? Quisiera mejorarlo y poder explicarle a mi hijo.
En la descripción está el enlace del diseño :)
A Diego ni Goku le gana jaja Crack!
Excelente
Excelente tutorial!, cuanto tiempo llevas como desarrollador de Flutter?
Como 3 años aprox :)
Gran video, pregunta, cual es mas recomendado, usar bloc, provider o ValueNotifier con ValueListenableBuilder
Cualquiera , el que se acomode más al desarrollador o desarrolladores del equipo, bloc es más estricto que provider y valuenotifier
ajajajaj buena intro, entretenida jajaja
Disculpa dónde compraste la mesa que tienes ? 😁.... Muy buen contenido sobre Flutter !!!!
ua-cam.com/video/wlzvKFMckxY/v-deo.html
Una pregunta super rápida Diego....
La app que estoy creando tiene una version web echa con PHP Laravel, asi que el chat tiene que estar vinculada a la Web y no tengo ni idea de como hacerlo... Que me recomiendas? Cómo lo puedo hacer?
usa esto github.com/GetStream/stream-chat-js
Se que no viene a la idea del video pero donde conseguiste este escritorio? Estoy tratando de importarlo pero se me complica :C Y gracias por tus aportes! Estoy iniciando en flutter y tus videos son una gran fuente!
Aquí lo muestro ua-cam.com/video/wlzvKFMckxY/v-deo.html
Hola Diego como estas!
yo por ejemplo tengo 3 blocs, uno que es themeCubit, LenguajeCubit y un AutenticationCubit.
Tengo un problema como puedo escuchar los 3 al mismo tiempo para poder actualizar mi MaterialApp, el tema o el idioma.
Necesitas un Cubit principal (o puedes tener más) , encima del material app , para que puedas escuchar todo desde ellos.
Saludos, en cuanto a tu setup, la tabla que tienes para la mesa vino junto con el Desk Frame ?
No, me la compré aquí en Maestro(Perú)
Diego pregunta donde compro esa mesa que se eleva ese escritorio me puede mandar el link
ua-cam.com/video/wlzvKFMckxY/v-deo.html
Diego una pregunta que son las Clases Inmutables se que nada que ver pero no las entiendo? gracias crack
Tienes una clase `Animal` , creas una instancia , final animal = Animal(); los datos/propiedades de ese objeto no pueden cambiar. No puedes hacer algo como animal.setColor(...) , es inmutable no muta, eso pasa con los widgets, si quieres cambiar el valor de un widget tienes q crear de nuevo el objeto
Great tuto man. I just cant see part 3, is it coming soon?
Hello, yeah, part 3 will be available this week. You are the first asking for the part 3, I wonder if others are interested too, hehe.
@@diegoveloper Awesome.. that will be good for sure!
Sema from tamilnadu, India
Saludos , este brayan jeje
ajjajajajajajaajja :( es para meter presión
Seria bueno flutter_bloc vs provider
Diego. Haz usado GetX? Recomiendas flutter bloc o getx? Y por qué? Gracias
Si, tengo un video de clean architecture con getX -> ua-cam.com/video/Qffojk-vjKY/v-deo.html , aunque previo a ese hago la UI, así que mejor es que veas los 2 (en la descripción de ese video está el video previo).
flutter_bloc me gusta más, pero es a decisión de cada uno, al final todos cumplen con gestionar el estado.
Tengo otro video también para que entiendas el patrón bloc ua-cam.com/video/QJngeHgHA50/v-deo.html
@@diegoveloper Muchas gracias. Ahora lo veo también. Pero personalmente con cual q t gusta trabajar más?
@@adrek9018 provider
@@diegoveloper gracias diego. Tus videos nos ayudan mucho
Diego dónde puedo encontrar ese escritorio ajustable.
Hice un video ua-cam.com/video/wlzvKFMckxY/v-deo.html aunque un amigo vio una similar en Saga Falabella
Hey deig which we should learn Getx or bloc which is most useful to become fresher flutter developer
bloc of course
@@diegoveloper thanks dieg.and i wish you to do imageview360 tutorial it is not available in UA-cam.
Ur video was awesome if you speak in English it is totally awesome 😟
I need to learn Spanish!. In the meantime, would it be possible to have the subtitles in English?
Sure, read the video description, there you can see the steps to activate english subtitles :)
Hola master .. consulta tendrás nosion para crear una app como uber ?
sí, hay bastantes ejemplos en la web
Hola consulta que mac recomiendas para poder programar, me puedes ayudar porfavor.
Depende del presupuesto, podrías empezar con una Mac mini 16gb de ram con SSD core i5, si tienes buen presupuesto puede ser una Macbook Pro de 16" o 15" core i7 o core i9, con 16gb de ram mínimo y con disco SSD.
Gracias Diego, me contestaste super rápido. Yo soy mas de laptops con windows, pero veo que para programar en flutter es mejor con una mac. Gracias.
En general para programar apps móviles, una Mac siento que es necesaria, ya que si quieres probar en iOS , es la única forma.
Please try to upload it in English as many of your subscribers don't understand your language. Thank you
hey there, check the video description to make the auto-translation works
👏👏👏
Provider vs Bloc vs Riverpod
una pregunta, a día de hoy esta serie de tutoriales sigue siendo viable de seguir? no ha quedado desactualizado algo?
Esta en específico ya está muy desactualizado, al menos se pueden llevar la idea pero no la implementación exacta.
@@diegoveloper a donde puede referirse uno para ver una version actualizada?
o pensas actualizarla?
@@pabloarielnicoli7888 Yo iría al plugin de pub.dev de streamchat y vería el repositorio de ejemplos que tienen, esos deben estar actualizados
@@diegoveloper haaa pensaba que la implementación de bloc/cubit había quedado desactualizada
I love this video, but... can you add English subtiltle? I understand almost what you coded, but nothing what you said 😅
Hey, read the video description to activate english subtitles
@@diegoveloper The only option is Spanish :((
@@AnNguyen-pb8zu are you sure? Check the instructions again I put on the video description.
Only works on desktop
El código inicial esta subido en alguna parte?
www.buymeacoffee.com/diegoveloper/extras
@@diegoveloper Pero es el codigo del proyecto completo o el del inicio del video?
Hello, where I can find start code from 5 minut video?
The code is not open-source yet, but you can watch the video and write the code
@@diegoveloper Okay, but at profile_verify_view.dart I can't see full code
@@vianosuze check all the three videos
Could u make it with english?
Hey check the video description for the subtitles
esto es lo que se conoce como Hexagonal ¿?
Hmm a que te refieres?
@@diegoveloper arquitectura hexagonal
@@robertomejia3124 ah no, mira revisa esto blog.cleancoder.com/uncle-bob/2012/08/13/the-clean-architecture.html
please in english
Brayan *como vamos?* - gerente de proyecto
XD
Please try to english language
it is flutter 2
Not yet, but you can use in flutter 2 without null safety
Ok thanks ❤
auto generated English subtitles are aaaagllhhh.....
U isolated English speaking people .....
Ban a brayan ! :v
+1 , aunque si brayan no me hacía recordar, no la hacía :v , -1
jaajajaj :v por molestoso xD
Make in english, can't understand your languages
Read the video description to activate english subtitles
Use english please
hey there, check the video description to make the auto-translation works
@@diegoveloper i have checked auto translation option not available ... there are only spanish and subtitle off option
espero que mas YTrs tambien quiten el fondo