This article covers how scrolling works, the differences between various scroll widgets, techniques for building efficient layouts with slivers, and common mistakes to avoid when working with lists. Table of Contents 1. Box and Sliver Protocols 2. How Scroll Works 3. When to use Slivers 4. Structuring Sliver Widgets 5.
State is data that an application needs to display appropriate content and function correctly. It is divided into two conceptual types: Ephemeral State and Application State. This article helps to distinguish between them. Table of Contents 1. Ephemeral State 2. Application State 3. Architectural Insights Ephemeral State Ephemeral state, also
Flutter's Listenable interface and ChangeNotifier mixin provide a foundational approach to state management, allowing objects to notify listeners when their internal state changes. While powerful, this basic pattern can lead to verbose and hard-to-maintain code in more complex applications. This article introduces an enhanced version of the observer
Monorepos store multiple projects in a single repository, providing benefits such as atomic changes, shared dependencies, and unified workflows. However, they can also introduce complexity when it comes to managing various packages and apps. In this article, we’ll explore how to effectively manage a monorepo in the Dart/Flutter
Icons are essential in modern app design, providing clear visual cues, improving navigation, and enhancing the overall interface. In Flutter, you can work with icons using three main approaches: Icon widgets (from icon fonts), flutter_svg, and vector_graphics. In this article, we’ll compare these options and explore when
If you’ve landed here, you likely already know what sticky headers are. But if not, here’s a quick GIF to show you what will build today: Simple and efficient sticky headersSimple and efficient sticky headers. GitHub Gist: instantly share code, notes, and snippets.Gist262588213843476 Sticky headers are great
This article provides insights into how Navigator and router-based packages work but sticks to the essentials. Along the way, I’ve also shared my personal thoughts and ideas on implementing navigation in Flutter, along with my vision for how it all comes together in practice. Table of Contents 1. Navigator
I’ve been working on a Flutter app for a while and recently decided to add authentication. Setting it up correctly is challenging, especially when it comes to managing backend infrastructure and administration. So, there are several common approaches to implementing authentication, including: 1. Building a custom authentication service 2.
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
Flutter
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
Dart
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
Flutter
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
Architecture
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
Flutter
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
Architecture
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
Architecture
Every project needs a well-defined, clear and strict architecture that is easy to maintain. Building it is hard and requires experience. The article series I am beginning with this piece will be a valuable resource for anyone looking to improve their skills or discover something new and interesting. Goals of
Architecture
Gain a clear understanding of exceptions versus errors, hone your try/catch skills, and effectively manage stack traces. Also included: a critical perspective on the either method. Why it matters: Error handling is essential in every program (e.g., no internet, file not found) and must be kept maintainable. Table
In this article I will share with you all the best practices with Dart & Flutter. In retrospect, I would have been very happy to have such a source of knowledge. Funny thing: it gets updated frequently when I remember something interesting. Flutter Best Practices Flutter is a great framework
Thoughts
Have you ever experienced feelings of anger, frustration, powerlessness, anxiety, bitterness, or loneliness? Have you acted impulsively or recklessly due to these emotions? Have you ever made a decision that you later regretted? Chances are, your answer is "yes". I, too, have faced these situations on numerous occasions.