This is the continuation of a series of articles Crafting Perfect UI Kit, where we talk about implementing a UI kit for the Flutter application. So far we've talked about theme (colors, typography) and created a few components - text field and buttons. In this part, we will
State management and business logic are two critical parts of the application architecture. This article explains how to distinguish between them and how to implement BLoC correctly. Table of Contents 1. Core Concepts * Business Logic * State Management 2. Fundamental Design Patterns * Observer Pattern * State Pattern 3. The BLoC Pattern * Why
Dependency injection (DI) makes your code easier to manage, scale and test by reducing tight coupling between modules. In this article, we'll explore how to set up and use DI in a Flutter application without any libraries. Outline 1. What is Dependency Injection 2. How to Initialize App
Having a good UI kit is essential to building great apps. It's more than just aesthetics - it's the backbone of a seamless user experience and consistent branding. In this article, we will create a theme, buttons, and text fields similar to those in the popular
This is the continuation of a series of articles Crafting Perfect UI Kit, where we talk about implementing a UI kit for the Flutter application. So far we've talked about theme (colors, typography) and created a few components - text field and buttons. In this part, we will
State management and business logic are two critical parts of the application architecture. This article explains how to distinguish between them and how to implement BLoC correctly. Table of Contents 1. Core Concepts * Business Logic * State Management 2. Fundamental Design Patterns * Observer Pattern * State Pattern 3. The BLoC Pattern * Why
Dependency injection (DI) makes your code easier to manage, scale and test by reducing tight coupling between modules. In this article, we'll explore how to set up and use DI in a Flutter application without any libraries. Outline 1. What is Dependency Injection 2. How to Initialize App
This page lists recommended packages and plugins that have been tested and approved for production use. In case you're interested in libraries that are not recommended go to Avoid These Dart Libraries. Built-in Essential Dart libraries providing foundational functionality across all Flutter projects. * collection: Contains utility functions and
Having a good UI kit is essential to building great apps. It's more than just aesthetics - it's the backbone of a seamless user experience and consistent branding. In this article, we will create a theme, buttons, and text fields similar to those in the popular
Focus is a key system in Flutter that manages which element is active and directs keyboard input accordingly. It also enables easy navigation between elements, ensuring smooth tab traversal for better accessibility. In this article we will understand how all these works together. Outline 1. Focus Tree 2. Keyboard and
When developing with Dart and Flutter, choosing the right packages can make your project more productive and functional. But some of them can cause problems, like poor performance, bad code, or maintenance issues. Outline 1. Architecture & State Management 1. get 2. riverpod 3. stacked 4. mobx 5. hydrated_bloc
Popups are essential UI elements that provide contextual information or options without navigating away from the current screen. They can be used for dropdowns, tooltips, dialogs, and more. In this article we'll find out how to craft them the right way. Outline 1. Popup Widget 1. Example Usage
This is the second part of the Auth in Flutter series. In this article, we will discuss how to implement Authentication and Authorization in Flutter correctly. Our focus will be on Navigation and Guards. Here's the link for the previous part in case you didn't read
Authentication and authorization are crucial components of modern applications, ensuring that users can securely access and interact with the features and data they're entitled to. I'm starting a series of articles that dive deep into doing it right, with a focus on practical insights and essential
Introduction Applications frequently require data input from users, such as when creating an account. Forms serve as the primary tool for this purpose, making it crucial to understand the principles of effective form design and implementation. 1. Form Fundamentals 2. Validation 1. Async Validation 3. Dynamic form fields 4. Multi-page
This article is a complete guide to the data layer, covering data sources, providers, repositories, error handling, caching, testing and more. For the best grasp of the topic, read the sections sequentially, as each builds upon the previous one. Table of Contents 1. Understanding Data Sources 1. Importance of interfaces