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
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
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.
Let's delve into a bit of history. Initially, various computer manufacturers developed their own character sets. However as computers evolved and became increasingly popular, the lack of standardization led to compatibility issues when sharing data between systems from different manufacturers. In the early days of computing, different computer
Architecture
State management is a fascinating area in application development. The core idea is to provide a solid foundation for implementing business logic by being scalable, maintainable, and testable. These things are interrelated, and it is all or nothing. So the solution can't be scalable and unmaintainable, or maintainable
Thoughts
The Intricacies and Implications of Perfectionism Perfectionism is a trait that is often revered in our society, a kind of gold standard that many aspire to. But like the sheen of real gold, this trait has its allure and its pitfalls. It embodies the relentless pursuit of perfection, always shadowed
Flutter
In this article I want to show you how to implement sticky headers behaviour in Flutter without any packages. I will use slivers that are already in Flutter SDK. This is how these sticky headers look like: 0:00 /0:09 1× SliverMainAxisGroup A sliver that places multiple sliver children
Flutter
In today's data-driven age, understanding how users interact with your product is essential. Analytics Reporting isn't just about collecting data, but about doing it effectively, systematically, and in a manner that can be extrapolated for actionable insights. This comprehensive guide seeks to demystify the process of
Flutter
This article is about opacity widget, its performance and inner functioning. Also, I will tell why AnimatedOpacity & FadeTransition are more efficient for animations. Let's go! How opacity works On the lowest level there is an OpacityLayer, which applies opacity to its "subtree" (read my article