The flutter_bloc_implementation from mrusamamuzaffar

mrusamamuzaffar / flutter_bloc_implementation Goto Github PK

View Code? Open in Web Editor NEW

A beautiful bloc implementation in Flutter

Java 0.20% Swift 2.08% Objective-C 0.05% Dart 43.80% CMake 22.60% C++ 27.30% C 1.71% HTML 2.26%

flutter_bloc_implementation's Introduction

Weather App

Implementation

It includes 4 layers:

Data layer (data provider)
Repository layer
Business layer (cubit/state)
Presentation layer (front-end/UI)

And you start coding them respectively. Overall concept for this architecture will be:

Your Data Layer must be hidden/abstracted from your business/presentation layer, so the point of interaction will be the repository layer

Terminologies

Barrel

Just a file that exports other files to clean-up imports

Extensions

Bloc

VS Code extension: https://marketplace.visualstudio.com/items?itemName=FelixAngelov.bloc
Dart Data Class Generator: https://marketplace.visualstudio.com/items?itemName=hzgood.dart-data-class-generator

Project structure

Business and Presentation layer

lib
    - extensions
        - ...
    -  screens/
        - weather/
            - cubits (Business layer)
                - weather_cubit.dart
                - weather_state.dart
            - models
                - models.dart (Barrel)
            - views (Presentation layer)
                - weather_view.dart (Entry point of UI)
                - widgets/
                    - error.dart
                    - loading.dart
                    - success.dart
                    - widgets.dart (Barrel)

Data and Repository layers

packages
    - weather_data_provider/ (Data layer - Abstracted/Hidden)
        - lib/
            - src/
                - models/
                    - models.dart (barrel)
                    - location.dart
                    - weather.dart
            - weather_data_provider.dart (data provider implementation)
        - weather_data_provider (Barrel)

    - weather_repository (Repository layer)
        - lib/
            - src/
                - models
                    - models.dart (barrel)
                    - weather.dart
            - weather_repository.dart (repository implementation)
        - weather_repository.dart (barrel)

Recommend Projects