Best of FlutterNovember 2024

  1. 1
    Article
    Avatar of medium_jsMedium·1y

    Design System from scratch in Flutter

    This post provides a detailed guide on creating a design system from scratch in Flutter to share design code across mobile, web, and desktop apps. It covers the steps from defining atomic parts like colors and shadows to developing themes and components such as buttons and text fields. The post also explains how to manage theme modes and assets independently, and ends by emphasizing the importance of testing the design system.

  2. 2
    Article
    Avatar of fluttersquadFlutter Developers·1y

    Article: Avoid Firebase. It's a trap

    Using Firebase for personal projects can be appealing due to its functionalities and free tier, but it may lead to unexpectedly high costs for indie developers with growing user bases. Alternatives to Firebase are suggested for those starting new projects.

  3. 3
    Article
    Avatar of fluttersquadFlutter Developers·1y

    Flutter ain't going anywhere: the results of the StackOverflow survey

    Flutter emerges as the clear leader in cross-platform development with significant community engagement, surpassing Swift and Kotlin combined, and outpacing React Native. React, however, holds the highest overall engagement among cross-platform technologies.

  4. 4
    Article
    Avatar of collectionsCollections·1y

    Flutter Full Stack Tutorial – Spotify Clone with MVVM Architecture, Python, FastAPI, and Riverpod

    Learn to build a fully functional Spotify clone using Flutter for the front end and FastAPI for the backend, following the MVVM architecture. The tutorial covers advanced topics including user authentication, background music playback, and data persistence with PostgreSQL, along with efficient state management using Riverpod.

  5. 5
    Article
    Avatar of verygoodventuresVery Good Ventures·1y

    Flutter Myths: Clearing Up Common Misconceptions

    Very Good Ventures debunks common myths surrounding Flutter, showing why it is a top choice for developers. Highlights include Flutter’s performance, the significance of native development knowledge, the availability of plugins, the ease of learning Dart, and Flutter's promising future despite concerns about Google’s long-term commitment. Additionally, Flutter’s suitability for dynamic web applications is discussed, emphasizing its evolving capabilities and robust community support.

  6. 6
    Article
    Avatar of codewithandreaCode with Andrea·1y

    How to Design Your Flutter App Icons in Figma

    Designing an eye-catching app icon is crucial for app store visibility. This guide outlines how to create a Flutter app icon in Figma, even if you're a design novice. Key steps include starting with a 1000x1000px square background, scaling foreground content for iOS and Android, and exporting icons properly. Using services like FlatIcon can save time. The post also introduces a new course on preparing, releasing, and maintaining Flutter apps in production.

  7. 7
    Article
    Avatar of quickbirdstudiosQuickBird Studios·1y

    R.I.P. build_runner: A Deep Dive Into Macros in Dart & Flutter

    Dart macros offer a powerful alternative to build_runner for Flutter and Dart developers. They enable code generation directly at compile time, eliminating the need for separate build steps. Macros lead to faster builds, reduced boilerplate, and enhanced code consistency. They are currently available in the beta and main channels, with stable release expected in 2024. Macros support various uses, including creating custom annotations and implementing functions like toString. However, they require careful implementation to avoid complexity and hidden behaviors.

  8. 8
    Article
    Avatar of fluttersquadFlutter Developers·1y

    Building a Full Stack Flutter Application in Dart

    Learn how to build a full stack Flutter application using Dart for both the API and Storage backend. The guide provides comprehensive instructions to create a seamless integration between Flutter and Dart.

  9. 9
    Article
    Avatar of fluttersquadFlutter Developers·1y

    Management of REST API Network Calls

    Managing REST API calls in Flutter can be challenging due to Dart/Flutter's multitasking environment. A structural approach for creating a performant network layer can simplify this process by reducing duplicate code, alleviating the main thread, and offering structured error handling. It's crucial to note that example code might miss break statements, so modifications are necessary. The concept serves as a good foundation for further extension in applications.

  10. 10
    Article
    Avatar of bamBam·1y

    Macros in Flutter: The next step to app development efficiency

    Macros are set to be introduced in Flutter in 2025, aiming to revolutionize how developers write and maintain their code by leveraging static metaprogramming. This will automate repetitive tasks, reduce boilerplate, and enhance code maintainability, leading to faster and more efficient app development. Macros will provide significant benefits like improved collaboration, reduced project clutter, and easier onboarding for new developers. However, some limitations, such as limited IDE support and debugging issues, remain to be addressed.

  11. 11
    Article
    Avatar of medium_jsMedium·1y

    How We Reduced Flutter Memory Usage by 375mb: Image Optimization Strategies

    Efficient image handling is crucial in mobile app development to enhance performance and user experience. Key strategies include using appropriate file types like WebP, resizing, caching with the `cached_network_image` package, and implementing lazy loading. Tools like Flutter DevTools, Widget Inspector, and the `VisibilityDetector` widget help diagnose and resolve performance issues. By balancing image quality and resource usage, developers can significantly reduce memory consumption and improve app responsiveness.