Software engineers often refactor code due to business requirements or inefficient implementations. This article explains how to use the @Deprecated annotation in Dart to refactor code in a controlled and predictable way. 1. Mark Code as Deprecated 2. Handle Deprecation Warnings in CI
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
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
Software engineers often refactor code due to business requirements or inefficient implementations. This article explains how to use the @Deprecated annotation in Dart to refactor code in a controlled and predictable way. 1. Mark Code as Deprecated 2. Handle Deprecation Warnings in CI
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