![kotlin | Lava Lamp Lab kotlin](https://lavalamplab.b-cdn.net/wp-content/uploads/2019/04/kotlin.jpg)
Android: A Quick Kotlin Eksperience
April 4, 2019![flutter | Lava Lamp Lab flutter](https://lavalamplab.b-cdn.net/wp-content/uploads/2019/06/flutter.jpg)
Flutter: The Good, Bad & Gotchas
June 18, 2019![ionic framework | Lava Lamp Lab ionic framework](https://lavalamplab.b-cdn.net/wp-content/uploads/2019/04/ionic-framework-og.png)
Reusable Components and rxjs Observables in Ionic-Angular
Original Presentation: Reusable Components and rxjs Observables in Ionic-Angular
Why write reusable components?
- Apps generally repeat layouts
- Save yourself a ton of headache while debugging(if you need to make changes you make them in one place)
- Ability to extend functionality based on use cases or new requirements when app grows
Lets actually write one!
![reusable components and rxjs obsavables in ionic angular | Lava Lamp Lab reusable components and rxjs obsavables in ionic angular](https://lavalamplab.b-cdn.net/wp-content/uploads/2019/04/step-1-169x300.jpg)
![reusable components and rxjs obsavables in ionic angular | Lava Lamp Lab reusable components and rxjs obsavables in ionic angular](https://lavalamplab.b-cdn.net/wp-content/uploads/2019/04/step-2-169x300.jpg)
![reusable components and rxjs obsavables in ionic angular | Lava Lamp Lab reusable components and rxjs obsavables in ionic angular](https://lavalamplab.b-cdn.net/wp-content/uploads/2019/04/step-3-169x300.jpg)
Rxjs Observables with Reusable Components
- What do Observables
- Observables watch for state changes (to put it as simple as possible)
Scenario
Updating a user profile photo that lives inside a reusable component that is being called. From a side menu and profile screen
Possible solution ??? (any takers)
Doing is it with Rxjs observables
![rxjs observables | Lava Lamp Lab rxjs observables](https://lavalamplab.b-cdn.net/wp-content/uploads/2019/04/rxjs-observables-300x195.jpg)
![rxjs observables | Lava Lamp Lab rxjs observables](https://lavalamplab.b-cdn.net/wp-content/uploads/2019/04/rxjs-observables-2-300x66.jpg)
![rxjs observables | Lava Lamp Lab rxjs observables](https://lavalamplab.b-cdn.net/wp-content/uploads/2019/04/rxjs-observables-3-300x90.jpg)
Changing the state
![changing the state | Lava Lamp Lab changing the state](https://lavalamplab.b-cdn.net/wp-content/uploads/2019/04/changing-the-state-300x86.jpg)