Flutter Form With Validation Bloc

This form and validation functions are created by using the BLOC pattern with RxDart instead of using StatefulWidget
Alternatives To Flutter Form With Validation Bloc
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
React Hook Form33,8631271,3372 days ago951September 23, 20227mitTypeScript
📋 React Hooks for form state management and validation (Web + React Native)
Redux Form12,61311,7811,24316 days ago235November 17, 2021492mitJavaScript
A Higher Order Component using react-redux to keep form state in a Redux store
4903 days ago27September 15, 2020170mitSwift
Elegant iOS form builder in Swift
Vee Validate9,6152,1907355 days ago282September 19, 202248mitTypeScript
✅ Painless Vue forms
Formily9,3151193 days ago209September 20, 202214mitTypeScript
📱🚀 🧩 Cross Device & High Performance Normal Form/Dynamic(JSON Schema) Form/Form Builder -- Support React/React Native/Vue 2/Vue 3
Parsley.js9,045329415 months ago47December 10, 201969mitJavaScript
Validate your forms, frontend, without writing a single line of javascript
React Final Form7,21750038417 days ago76April 01, 2022385mitJavaScript
🏁 High performance subscription-based form state management for React
Tcomb Form Native3,162499186 months ago53October 11, 2018128mitJavaScript
Forms library for react-native
Formsy React2,59922 years ago1November 27, 2015149mitJavaScript
A form input builder and validator for React JS
Jquery Validation Engine2,583
142 years agoMarch 06, 201329JavaScript
jQuery form validation plugin
Alternatives To Flutter Form With Validation Bloc
Select To Compare

Alternative Project Comparisons

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
Popular Validation Projects
Popular Form Projects
Popular Data Processing Categories
Related Searches

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.
Flutter Apps
Reactive Programming
Reactive Streams