Best of Flutter — 2024

1
Article
Project IDX·2y
A Year of Project IDX
Project IDX aims to redefine full-stack, multiplatform app development by integrating essential tools and services within a single browser tab. Key advancements include enhanced developer productivity with Generative AI, simplified project setup, and native mobile app development through tools like Flutter, React Native, and soon Android Studio. The development environment utilizes Nix for efficient configurations, supporting multiple languages and databases, and providing integrations with various tools like Google Maps, Firebase, and Google Cloud Secret Manager.
280
31
2
Article
Medium·2y
Flutter Vs React Native : Performance Benchmarks you can’t miss ! 🔥⚡️
When choosing between Flutter and React Native for mobile app development, performance is a crucial factor. A recent benchmarking study compared app size, memory, and CPU usage for three app types on both frameworks using current versions. Flutter generally showed smaller APK sizes and better CPU & memory usage, with smoother scrolling and fewer framedrops compared to React Native. However, React Native had a higher FPS in bulk Lottie animations but at the cost of increased CPU and memory usage. The findings suggest that while both have their strengths, Flutter slightly edges out in overall performance efficiency.
255
19
3
Article
Dart Developers·2y
Package of the Day! (retry)
The 'retry' package assists in retrying async functions, making it beneficial for handling occasional failures caused by undesired responses or overloaded servers.
162
14
4
Article
Flutter Developers·1y
🚀 Boost Your Flutter App Performance! 🌟
Improve your Flutter app's performance by using nested widgets like Padding, Align, and SizedBox instead of Container. These alternatives offer better optimization and faster build times due to the lack of a const constructor in Container.
127
11
5
Article
Dart Developers·2y
Package of the Day! (timeago)
The timeago package is a handy tool for converting a DateTime object into a human-readable string, such as 'just now' or 'an hour ago'.
123
8
6
Article
Supabase·2y
Building offline-first mobile apps with Supabase, Flutter and Brick
Building offline-first mobile apps improves user experience by ensuring app usability in areas with poor connectivity. Using Supabase and Brick with Flutter allows data to be cached locally, minimizing round trip times and enabling apps to function smoothly offline. Brick manages local and remote state synchronization, providing code generation for serialization/deserialization and handling migrations automatically.
116
5
7
Article
Medium·2y
5 extra packages to use with Flutter 3.22 in 2024
Discover 5 extra Flutter packages to use with Flutter 3.22 in 2024 that can help make great apps and keep code clean and organized. These packages include Gap, Skeletonizer, toastification, linkfy_text, and flutter_native_splash. Each package serves a different purpose in enhancing UI and user experience.
111
6
8
Article
Supabase·2y
Building an Uber Clone with Flutter and Supabase
This tutorial guides you through building an Uber-like app using Flutter and Supabase, focusing on real-time location tracking using the PostGIS extension. The steps include setting up dependencies, creating and managing databases, and implementing real-time tracking for a consumer-facing app. The guide demonstrates using Supabase Edge Functions to handle routes and real-time updates, and provides a foundation for further development of features like payments and driver ratings.
98
9
Article
Flutter Developers·2y
Flutter State management market share: Unofficial Survey
The post presents the results of two unofficial surveys on state management solutions in Flutter, conducted on Reddit and Facebook. The findings, while interesting, are not scientifically conclusive.
85
15
10
Article
React Native Devs·2y
Flutter or React Native?
An open discussion on the pros and cons of using Flutter versus React Native for mobile app development, aimed at helping readers determine which framework might be better suited for different needs.
77
49
11
Article
Dart Developers·2y
Dart + Flutter Community Help
A collaborative space for community members to address issues and seek help with Dart and Flutter development.
77
10
12
Article
Flutter·1y
What’s new in Flutter 3.27
Flutter 3.27 introduces significant updates and features, including enhancements to Cupertino widgets, the introduction of Impeller as the default rendering engine for modern Android devices, and new options in DevTools to streamline app management. This release also brings improvements in performance, fidelity, and theming across the Flutter framework for better development consistency.
75
4
13
Article
Flutter Developers·2y
Top Flutter Widget Libraries for App Developers
A valuable reference listing six top Flutter widget libraries for app developers. Useful for anyone looking to build apps with these resources.
74
4
14
Article
Medium·2y
What’s new in Flutter 3.22
Flutter 3.22 introduces new features such as WebAssembly, graphics rendering enhancements, and more options for AI integration. The Impeller rendering engine has significant updates, including a feature complete Vulkan backend on Android. Other improvements include widget state properties, dynamic view sizing, improved form validation, and flavor-conditional asset bundling. The release also includes updates for Android, iOS, ecosystem, and DevTools.
74
8
15
Article
Community Picks·2y
Flutter Drag and Drop UI Builder
FlutterViz is a user-friendly drag-and-drop UI builder designed to help users create beautiful mobile apps quickly and efficiently with Flutter. It offers a wide range of widgets, customization options, pre-made design templates, and one-click code export. Perfect for both beginners and experts, FlutterViz eliminates the need for coding, allowing users to visually design modern, clean interfaces in minutes. It's free to use and built to support the growing Flutter community.
73
12
16
Article
Medium·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.
72
17
Article
freeCodeCamp·2y
Build a YouTube Clone with Flutter, Firebase, and Riverpod
Learn how to build a YouTube clone app with Flutter, Firebase, and Riverpod. This course covers Firebase setup, user authentication, state management with Riverpod, Firestore database integration, user interface development, video upload and playback, and social features.
70
18
Article
Full-stack·2y
Flutter Roadmap
This guide outlines the necessary steps to learn Flutter, starting from beginner concepts like Dart basics, Flutter SDK installation, and understanding widgets, to advanced topics such as state management, networking, animations, and deployment. It also covers intermediate stages involving state management with Provider and Riverpod, handling user input, and networking. Advanced learners can dive into Firebase, custom widgets, performance optimization, and building for web and desktop platforms. The roadmap encourages continuous learning through community involvement and staying updated with the latest developments.
68
1
19
Article
Flutter Developers·1y
Flutter Team recommended App Architecture
The Flutter team has released a recommended app architecture that follows the MVVM pattern. This architecture provides a standardized approach for developers to follow when building Flutter applications.
64
2
20
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
21
Article
Medium·1y
Skip The APK: How to Deploy Flutter Mobile Apps as Instant Web Preview 🚀
Transform your Flutter mobile app demos with Device Preview and GitHub Pages, offering instantly accessible web previews. This approach eliminates the friction of sharing APKs and improves professionalism. Follow simple steps to set up Device Preview, configure your app, and deploy it on GitHub Pages, ensuring your app looks great on different devices.
61
22
Article
Medium·2y
Drag and Drop with Morphing Animation in Flutter
Learn how to create a drag and drop interaction with morphing animation in Flutter. Discover the steps to implement inflation animation for lists and the techniques to achieve the morphing effect using overlays and stacks.
60
1
23
Article
asayer·2y
Cross-Platform Development with Flutter Rust Bridge
Developing a cross-platform battery test application by leveraging Flutter's UI toolkit and Rust's performance. The project involves setting up the development environment, creating a Rust backend, and integrating it with a Flutter front end. The article covers installation steps for Flutter and Rust, building the Rust library, and compiling it for use in Flutter, along with the creation and deployment of the user interface.
59
24
Article
freeCodeCamp·2y
Flutter Tutorial – How to Develop an App with Flutter From Scratch
Learn how to develop a Flutter app from scratch, including installation, coding UI elements, testing, and app publication.
57
1
25
Article
Hacker News·2y
Rust GUI library via Flutter, done simple
Combining Rust's powerful programming capabilities with Flutter's popular and mature cross-platform development features enables efficient GUI creation. Using the flutter_rust_bridge, developers can seamlessly integrate Rust's state and logic with Flutter's flexible and responsive UI elements. This approach leverages Flutter’s extensive ecosystem and hot-reload feature for rapid UI development, while also acknowledging certain compromises such as the necessity for boilerplate code and the split between Rust logic and Flutter UI.
54
3

See all Flutter archives