From 372339d0827a1e15793f13d355f4007b1c8e15b3 Mon Sep 17 00:00:00 2001 From: syedmouaazfarrukh Date: Mon, 30 Jan 2023 08:57:24 -0800 Subject: [PATCH] Adding content to 114-reactive programming --- .../content/102-widgets/100-stateless-widgets.md | 2 +- .../114-reactive-programming/100-rxdart.md | 1 + .../content/114-reactive-programming/index.md | 15 ++++++++++++++- 3 files changed, 16 insertions(+), 2 deletions(-) diff --git a/src/roadmaps/flutter/content/102-widgets/100-stateless-widgets.md b/src/roadmaps/flutter/content/102-widgets/100-stateless-widgets.md index c04215c92..6223f9a45 100644 --- a/src/roadmaps/flutter/content/102-widgets/100-stateless-widgets.md +++ b/src/roadmaps/flutter/content/102-widgets/100-stateless-widgets.md @@ -1,6 +1,6 @@ # Stateless Widgets -Stateless widgets in Flutter are widgets that don't maintain any mutable state. They are designed to be immutable and rebuild each time the framework needs to update the UI. They are suitable for static, unchanging views or simple animations. They can be created using the StatelessWidget class and have a single build method that returns a widget tree. +Stateless widgets in Flutter are widgets that don't maintain any mutable state. They are designed to be immutable and rebuild each time the framework needs to update the UI. They are suitable for static, unchanging views or simple animations. They can be created using the `StatelessWidget` class and have a single build method that returns a widget tree. Visit the following resources to learn more: diff --git a/src/roadmaps/flutter/content/114-reactive-programming/100-rxdart.md b/src/roadmaps/flutter/content/114-reactive-programming/100-rxdart.md index 164264a54..4edb663ea 100644 --- a/src/roadmaps/flutter/content/114-reactive-programming/100-rxdart.md +++ b/src/roadmaps/flutter/content/114-reactive-programming/100-rxdart.md @@ -3,3 +3,4 @@ RxDart is a library for Dart that provides additional functionality for working with reactive programming, specifically with the Streams and Observables classes. It extends the standard Dart Streams API and provides additional features such as the ability to transform and combine streams, and to compose and chain streams together. In Flutter, RxDart is commonly used to handle asynchronous data streams and user interactions in a more efficient and elegant way. - [RxDart Official Docs](https://pub.dev/documentation/rxdart/latest) +- [Overview of RxDart in Flutter](https://docs.flutter.dev/development/data-and-backend/state-mgmt/options#bloc--rx) \ No newline at end of file diff --git a/src/roadmaps/flutter/content/114-reactive-programming/index.md b/src/roadmaps/flutter/content/114-reactive-programming/index.md index 4293f0ce4..0c377d707 100644 --- a/src/roadmaps/flutter/content/114-reactive-programming/index.md +++ b/src/roadmaps/flutter/content/114-reactive-programming/index.md @@ -1 +1,14 @@ -# Reactive programming \ No newline at end of file +# Reactive Programming + +Reactive programming is a programming paradigm that allows for handling changing data streams and updating the UI based on those changes. In Flutter, reactive programming can be achieved using: + +1. Streams: A sequence of asynchronous events. +2. Futures: A way to represent a single asynchronous operation. +3. BLoCs (Business Logic Components): A state management pattern that uses streams to separate business logic from UI code. + +Reactive programming in Flutter helps create dynamic and responsive apps that can handle changing data and update the UI accordingly. The `StreamBuilder` and `FutureBuilder` widgets are commonly used in Flutter to build reactive UIs. + +Learn more from the following links: + +- [Get Started with Reactive Programming](https://www.didierboelens.com/2018/12/reactive-programming-streams-bloc-practical-use-cases/) +- [Reactive Programming in Flutter](https://www.youtube.com/watch?v=x4FKXw4Uvls) \ No newline at end of file