Adding content to 111-state-management

src/roadmaps/flutter/content/111-state-management/101-bloc.md

@@ -1 +1,10 @@
-# Bloc
+# BloC
+
+Bloc (Business Logic Component) is a state management pattern used in Flutter to separate presentation logic from business logic. It helps to manage and maintain the app state, making it easier to test, debug, and reuse code. It uses streams to emit new states and reacts to changes in the state.
+
+Learn more from the following links:
+
+- [Get started with flutter_bloc](https://pub.dev/packages/flutter_bloc)
+- [BLoC in Flutter](https://docs.flutter.dev/development/data-and-backend/state-mgmt/options#bloc--rx)
+- [Flutter bloc for beginners](https://medium.com/flutter-community/flutter-bloc-for-beginners-839e22adb9f5)
+- [Flutter Bloc - Tutorial](https://www.youtube.com/watch?v=Ep6R7U9wa0U)

src/roadmaps/flutter/content/111-state-management/102-flutter-bloc.md

@@ -1,6 +1,6 @@
 # Flutter bloc
 
-State management library exposing widgets which can help handle all possible states of the application.
+Bloc (Business Logic Component) is a state management pattern used in Flutter to separate presentation logic from business logic. It helps to manage and maintain the app state, making it easier to test, debug, and reuse code. It uses streams to emit new states and reacts to changes in the state.
 
 Visit the following resources to learn more:
 

src/roadmaps/flutter/content/111-state-management/103-velocity-x.md

@@ -1 +1,8 @@
-# Velocity x
+# VelocityX
+
+VelocityX is a Flutter UI toolkit for building high-performance, visually stunning, and easy-to-use mobile applications. It provides a set of pre-designed widgets, animations, and styles that can be combined to create beautiful and responsive apps quickly. VelocityX also includes features like dark mode, RTL support, and responsive design, making it a comprehensive solution for building modern mobile apps.
+
+Learn more from the following links:
+
+- [Get started with VelocityX](https://velocityx.dev/)
+- [Intro to velocity_x](https://pub.dev/packages/velocity_x)

src/roadmaps/flutter/content/111-state-management/104-get-x.md

@@ -1 +1,8 @@
-# Get x
+# GetX
+
+GetX is a lightweight and powerful solution for state management and navigation in Flutter. It provides a clean and simple API for managing app state and navigating between screens. GetX makes it easy to create scalable and maintainable apps, as it offers a central place to manage the app's state, reducing the amount of boilerplate code needed. It also provides out-of-the-box support for routing, making it easy to navigate between screens, and it supports hot reloading, which allows developers to see changes in real-time.
+
+Learn more from the following links:
+
+- [GetX in Flutter](https://docs.flutter.dev/development/data-and-backend/state-mgmt/options#getx)
+- [Complete GetX State Management | Flutter](https://www.youtube.com/watch?v=CNpXbeI_slw)

src/roadmaps/flutter/content/111-state-management/105-redux.md

@@ -1,7 +1,9 @@
-# Redux
+# ReduX
 
-A set of utilities that allow you to easily consume a Redux Store to build Flutter Widgets.
+Redux is a state management library for Flutter, commonly used with the Flutter framework to manage the application's state. It helps to maintain a single source of truth for the state of the application, making it easier to understand, test and maintain the code. In Redux, the state is stored in a store and can only be updated through dispatching actions. The actions trigger the update of the state via reducers, which are pure functions that determine the next state based on the current state and the dispatched action.
 
 Visit the following resources to learn more:
 
 - [flutter_redux](https://pub.dev/packages/flutter_redux)
+- [Redux - Tutorial](https://docs.flutter.dev/development/data-and-backend/state-mgmt/options#redux)
+- [Building a Flutter app with Redux](https://hillel.dev/2018/06/01/building-a-large-flutter-app-with-redux/)

src/roadmaps/flutter/content/111-state-management/index.md

@@ -1 +1,16 @@
-# State management
+# State Management
+
+State management in Flutter refers to the process of managing and updating the data or state of a Flutter application. In Flutter, the state of the widgets can change dynamically, for example, when a user interacts with the application. The state management techniques in Flutter include:
+
+- ScopedModel: a third-party state management solution that uses a centralized model to manage the state.
+- Provider: a lightweight solution that allows widgets to access the state with minimal boilerplate code.
+- BLoC (Business Logic Component): a state management technique that uses streams and reactive programming to manage the state.
+- Redux: a state management solution inspired by the Redux library in React.
+- InheritedWidget: a built-in widget that allows the state to be passed down the widget tree.
+
+The choice of state management technique depends on the complexity and size of the project. For smaller projects, Provider or InheritedWidget may be sufficient, while larger projects may require a more robust solution like ScopedModel or Redux.
+
+Learn more from the following resources:
+
+- [State management in Flutter](https://docs.flutter.dev/development/data-and-backend/state-mgmt)
+- [Intro to State Management](https://docs.flutter.dev/development/data-and-backend/state-mgmt/intro)