Best of Flutter — January 2024

1. 1
   Article

   Medium·2y

   Performance Best Practices in Flutter

   Flutter is a UI toolkit for building fast, beautiful, natively compiled applications. It is important to optimize performance in Flutter by using stateless widgets, avoiding unnecessary widget rebuilding, using keys for performance optimization, using async and await instead of then(), avoiding costly tasks, minimizing the use of opacity and clipping, avoiding deeply nested widget hierarchies, using the Flutter DevTools for performance monitoring, and avoiding blocking the main thread.

   63

   6
2. 2
   Article

   Medium·2y

   Flutter App Intro/Onboarding Screen with Carousel & Animated Dots — NO Package

   Learn how to create an onboarding page with a carousel and animated dots in a Flutter app.

   46

   1
3. 3
   Article

   Supabase·2y

   Create a Figma Clone app with Flutter and Supabase Realtime

   Learn how to use Flutter and Supabase Realtime to create a collaborative design app similar to Figma.

   42
4. 4
   Article

   Medium·2y

   A PocketBase backend for Flutter and Dart

   The post provides a step-by-step tutorial for connecting a Flutter app to PocketBase, an open source Backend as a Service (BaaS). It highlights the features of PocketBase, such as user authentication, SQLite database, realtime updates, and file storage. The tutorial covers signing up a new user, signing in, refreshing the access token, signing out, creating a new collection, performing CRUD operations, and includes a few thoughts and limitations of using PocketBase.

   20

   1
5. 5
   Article

   asayer·2y

   Responsive Design with Flutter: Creating Layouts for all Screen Sizes

   Learn how to create responsive user interfaces in Flutter using techniques such as media queries, layout builders, rows and columns, aligning widgets, handling constraints, and adapting to different orientations. Understand the benefits of responsive UI, the challenges involved, and best practices to optimize the user experience.

   16
6. 6
   Article

   Medium·2y

   Operate the Future in Flutter/ Dart

   Learn about the concept of Futures in Flutter and their practical uses, including handling asynchronous operations, chaining operations, and error management. Explore common methods like `then()`, `catchError()`, and `whenComplete()`. Understand the use-cases of Futures in network requests, file operations, and state management.

   16
7. 7
   Article

   Medium·2y

   The 15 Crucial Pitfalls to Avoid in Flutter Development

   This post highlights 15 crucial pitfalls to avoid in Flutter development, including overlooking the importance of BuildContext, not optimizing widget rebuilds, ignoring the lifecycle of widgets, mismanaging state and data flow, neglecting performance optimization, ignoring widget keys, inefficient use of Flutter's build method, poor management of application state, misunderstanding null safety, inadequate testing, mismanaging resources and memory, overlooking accessibility and internationalization, poor error handling, inefficient navigation management, and underestimating design system consistency.

   16
8. 8
   Article

   Medium·2y

   KMP vs Flutter. Part 1: Setting everything up.

   This post is an introduction to a series of articles comparing Flutter and KMP (Kotlin Multiplatform). It discusses the setup process for both frameworks and highlights the differences in documentation and automation. The upcoming articles will cover various topics such as networking, architecture, debugging, state management, and more.

   15
9. 9
   Article

   habr·2y

   Creating a Frosted AppBar in Flutter with a Slide-Down Widget

   Learn how to create a frosted AppBar with a slide-down widget in Flutter. The final result is a visually appealing AppBar with a sliding element beneath it.

   12

   1
10. 10
    Article

    FlutterDevs·2y

    Socket Communication in Flutter: Building Real-time Apps

    Explore the intricacies of building real-time apps using Flutter's socket programming capabilities. Learn about sockets, the web_socket_channel package, and how to implement WebSocket channels in Flutter.

    11