Version disponible en Français: Flutter, Bloc and Firestore Stream, la combinaison parfaite, si utilisée de la bonne manière!

Esta story tambien esta disponible en español: Flutter, Bloc y Firestore Stream, ¡la combinación perfecta, si se usa de la manera correcta!

My very first Flutter Experience

Back in 2018, the day after being hired in a company as an Angular developer, they finally told me that my job won’t be to dev in Angular, but to develop apps using Flutter. I was like, WTF! that was not the deal and i had never heard a thing about Flutter before!. …


No voy a hacerte un curso sobre el async/await y sobre como Flutter gestiona las llamadas asíncronas, ya que si has encontrado este post es porque sabes como funciona esto y solo quieres saber más sobre este tema y sobre como añadir un “thread” aparte del mainThread de Flutter para quitar estos “Jank” de tu app.

El Event Loop

Por si a caso, te voy a comentar un poco sobre el Event Loop de Flutter, ya que es un concepto importante que tienes que entender para saber si es necesario usar un Isolate.

El event loop es esto:


Usar NFC no es una tarea fácil y la documentación es difícil de encontrar sobre ese tema. Entonces, cuando me dieron este proyecto de una StartUp española llamada Reliqium (https://reliqium.com/), he tenido bastantes problemas. Pero de estos problemas, también he aprendido mucho y quiero compartir ese conocimiento contigo y tal vez ayudarte en ahorrar algo de tiempo.

1. Los paquetes

Hay 2 paquetes para manejar NFC en pub.dev: FlutterNfcKit que funciona bien con iOS y NfcInFlutter que funciona mejor con Android. Puedes intentar usar uno de ellos para ambas plataformas, pero verás que solo hay un buen soporte para una plataforma, al menos…


Playing with NFC is not an easy task and the documentation is hard to find on that subject. So when i was given this project from a Spanish startup company named Reliqium (https://reliqium.com/), i went through a lot a trouble. But from this trouble, i have also learn a lot and i want to share that knowledge with you and maybe save you some time.

1. The plugins

There are 2 plugins for handling NFC on pub.dev: FlutterNfcKit which works well with iOS and NfcInFlutter which works better with Android. You can try to use one of them for both platform but you’ll…


Usar el inicio de sesión de Firebase con Flutter es bastante fácil, ¡no puedo ver de qué quieres hablar, podrías pensar! bueno, eso es cierto, incluso el inicio de sesión social es muy fácil de implementar. Pero, ¿qué pasa si quiero que un usuario pueda iniciar sesión con Google, Facebook o Apple y que todas y cada una de ellas estén vinculadas a la misma cuenta de usuario? …


Utiliser le login Firebase avec Flutter est assez simple, je ne vois pas de quoi tu veux parler, vous pourriez penser! eh bien, c’est vrai, même le Social Login est très facile à implémenter. Mais que se passe-t-il si je veux qu’un utilisateur puisse se connecter avec Google, Facebook ou Apple et que chacun d’entre eux soit lié au même compte utilisateur? Que faire si je veux qu’un utilisateur de mon application puisse naviguer et faire des choses dans mon application sans avoir à se connecter, et ne rien perdre de ce qu’il a fait après son inscription?

Pour ce…


Using Firebase login with Flutter is pretty easy, i can’t see what do you want to talk about, you might think! well, that’s true, even social login is very easy to implement. But what if i want a user to be able to login with Google, Facebook or Apple and that each and everyone of them are linked to the same user account? What if i want a user of my application to be able to navigate and do stuff in my app without having to login, and not loosing anything he has done after registering?

For this last point…


Story disponible en Français: https://arnaudelub.medium.com/using-debouncetime-from-rxdart-and-bloc-to-wait-for-a-user-to-end-typing-7a389c506a34

Story disponible en español: https://arnaudelub.medium.com/usar-debouncetime-de-rxdart-y-bloc-para-esperar-a-que-un-usuario-termine-de-escribir-147c91243329

Hola Happy coders, aquí estamos hoy para hablar sobre Bloc (¡otra vez!) Y debounceTime del increíble paquete RxDart (https://pub.dev/packages/rxdart). Si te estas preguntando qué es debounceTime, revisemos la documentación para eso (https://pub.dev/documentation/rxdart/latest/rx/DebounceExtensions/debounceTime.html):

Transforms a Stream so that will only emit items from the source sequence whenever the time span defined by duration passes, without the source sequence emitting another item.

This time span start after the last debounced event was emitted.

debounceTime filters out items emitted by the source Stream that are rapidly followed by another emitted item.

Los 3…


Story disponible en Français: https://arnaudelub.medium.com/using-debouncetime-from-rxdart-and-bloc-to-wait-for-a-user-to-end-typing-7a389c506a34

Story disponible en español: https://arnaudelub.medium.com/usar-debouncetime-de-rxdart-y-bloc-para-esperar-a-que-un-usuario-termine-de-escribir-147c91243329

Hey happy coders, here we are today to talk about Bloc (again!) and debounceTime from the amazing package RxDart (https://pub.dev/packages/rxdart). If you are wondering what the heck is debounceTime, let’s check the documentation for that(https://pub.dev/documentation/rxdart/latest/rx/DebounceExtensions/debounceTime.html):

Transforms a Stream so that will only emit items from the source sequence whenever the time span defined by duration passes, without the source sequence emitting another item.

This time span start after the last debounced event was emitted.

debounceTime filters out items emitted by the source Stream that are rapidly followed by another emitted…


Story available in english: https://arnaudelub.medium.com/using-debouncetime-from-rxdart-and-bloc-to-wait-for-a-user-to-end-typing-7a389c506a34

Story disponible en español: https://arnaudelub.medium.com/usar-debouncetime-de-rxdart-y-bloc-para-esperar-a-que-un-usuario-termine-de-escribir-147c91243329

Salut les Happy Coders, nous sommes ici aujourd’hui pour parler de Bloc (encore!) et de debounceTime de l’excellent package RxDart (https://pub.dev/packages/rxdart). Si vous vous demandez ce qu’est debounceTime, regardons la documentation: (https://pub.dev/documentation/rxdart/latest/rx/DebounceExtensions/debounceTime.html):

Transforms a Stream so that will only emit items from the source sequence whenever the time span defined by duration passes, without the source sequence emitting another item.

This time span start after the last debounced event was emitted.

debounceTime filters out items emitted by the source Stream that are rapidly followed by another emitted item.

Ces 3…

Arnaudelub

Flutter Developer enthousiast since 2018

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store