GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → shiang → flutter-form-with-validation-BLOC

shiang / flutter-form-with-validation-BLOC

Licence: other
This form and validation functions are created by using the BLOC pattern with RxDart instead of using StatefulWidget

Programming Languages

dart
5743 projects
objective c
16641 projects - #2 most used programming language
java
68154 projects - #9 most used programming language

Labels

reactivexreactive-streamsreactive-programmingrxflutterrxdartflutter-apps

Projects that are alternatives of or similar to flutter-form-with-validation-BLOC

Flutter validation login form bloc pattern rxdart
[Functional reactive programming (FRP)]💧 💧 💧 [Pure RxDart] Validation login form by using the BLoC pattern with RxDart - A new Flutter project featuring a faked authentication interface to demonstrate validation. Implemented with BloC pattern.
Stars: ✭ 45 (-28.57%)
Mutual labels:  reactivex, reactive-streams, reactive-programming, rx, flutter-apps
Rx.Http
A reactive way to make HTTP Request in .NET Core 🚀
Stars: ✭ 62 (-1.59%)
Mutual labels:  reactivex, reactive-streams, reactive-programming, rx
mongo-images
Ever wonder how you can create a full stack reactive application that also saves images? Well look no further! We've got Spring Webflux, Reactive Mongo Streams with GridFS, and Angular5!
Stars: ✭ 12 (-80.95%)
Mutual labels:  reactivex, reactive-streams, reactive-programming
Rxdownloader
- Reactive Extension Library for Android to download files
Stars: ✭ 40 (-36.51%)
Mutual labels:  reactivex, reactive-streams, reactive-programming
Pharmacist
Builds observables from events.
Stars: ✭ 221 (+250.79%)
Mutual labels:  reactivex, reactive-programming, rx
Dynamicdata
Reactive collections based on Rx.Net
Stars: ✭ 1,083 (+1619.05%)
Mutual labels:  reactivex, reactive-programming, rx
Awesome Reactive Programming
A repository for sharing all the resources available on Reactive Programming and Reactive Systems
Stars: ✭ 163 (+158.73%)
Mutual labels:  reactivex, reactive-streams, reactive-programming
Monix
Asynchronous, Reactive Programming for Scala and Scala.js.
Stars: ✭ 1,819 (+2787.3%)
Mutual labels:  reactivex, reactive-streams, reactive-programming
Ayanami
🍭 A better way to react with state
Stars: ✭ 129 (+104.76%)
Mutual labels:  reactivex, reactive-programming
RxJava-Codelab
Codelab project for demonstration of RxJava features
Stars: ✭ 44 (-30.16%)
Mutual labels:  reactivex, reactive-programming
WebsocketClientLite.PCL
websocket Client Lite PCL - Xaramrin
Stars: ✭ 22 (-65.08%)
Mutual labels:  reactivex, rx
rxkotlin-jdbc
Fluent RxJava JDBC extension functions for Kotlin
Stars: ✭ 27 (-57.14%)
Mutual labels:  reactivex, rx
Awesome Rxjs
A collection of awesome RxJS resources
Stars: ✭ 314 (+398.41%)
Mutual labels:  reactivex, reactive-programming
Rxrust
Rust implementation of Reactive Extensions.
Stars: ✭ 376 (+496.83%)
Mutual labels:  reactivex, rx
Reactiveui
An advanced, composable, functional reactive model-view-viewmodel framework for all .NET platforms that is inspired by functional reactive programming. ReactiveUI allows you to abstract mutable state away from your user interfaces, express the idea around a feature in one readable place and improve the testability of your application.
Stars: ✭ 6,709 (+10549.21%)
Mutual labels:  reactivex, reactive-programming
reactor-go
A golang implementation for reactive-streams.
Stars: ✭ 48 (-23.81%)
Mutual labels:  reactivex, reactive-streams
rx-reason
Reactive programming library for ReasonML/OCaml
Stars: ✭ 49 (-22.22%)
Mutual labels:  reactivex, rx
rx
Reactive Extensions for D Programming Language
Stars: ✭ 52 (-17.46%)
Mutual labels:  reactivex, rx
purescript-outwatch
A functional and reactive UI framework based on Rx and VirtualDom
Stars: ✭ 33 (-47.62%)
Mutual labels:  reactivex, rx
Rxjava2 Extras
Utilities for use with RxJava 2
Stars: ✭ 167 (+165.08%)
Mutual labels:  reactivex, reactive-streams
View All Similar Projects ➔

BLOC Pattern Login Form

A login form with validation created with Flutter.

Getting Started

For help getting started with Flutter, view our online documentation.

About the app

  • This form and validation functions are created by using the BLOC pattern with RxDart instead of using StatefulWidget

This app covers the following concepts from flutter, Dart and RxDart:

  • BLOC pattern to share information/state in the app between different sections/screens
  • Concept of Single Global Instance BLOC and Scoped Instance BLOC based on the scale of the app
  • Single Global Instance: Single source of truth of your app state
  • Scoped Instance: Multiple sources of truth divided based on sections/screens of the app
  • StreamBuilder Widget to access streams/methods in the Bloc from another Widget
  • Intro to RxDart for additional functionalities on Stream and StreamController
  • Dart(Stream) => RxDart(Observable), Dart(StreamController) => RxDart(Subject)
  • Using RxDart Observable to merge streams as one for form submission
  • Concept of Single-Subscription Stream and Broadcast Stream
  • Intro to BehaviorSubject to replace StreamController.broadcast for additional function to go back in time to retrieve the latest stream values for form submission
  • Best practice on adding dispose function in Bloc class for the ability to close streams (or IDE might complain with warning)
  • Best practice on setting StreamController as private instance method to avoid confusion from newcomers working on the same project
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].