flutter.wtf
648 subscribers
53 photos
45 videos
60 links
πŸš€ Leading Flutter development agency. About us: https://flutter.wtf/about.
Download Telegram
Channel created
Channel photo updated
#cicd #devops #builds

Flutter, Fastlane, and Firebase App Distribution

What do you know about implementing app distribution as part of our CI/CD process? The article touches Azure DevOps integration briefly, but this tutorial is meant to be as platform-agnostic as possible. We’re Flutter developers after all β€” we don’t believe in being tied down!
#news #features

Announcing Flutter 1.22

We're ready to tell you about new features of Flutter 1.22:

πŸ‘‰ Targeting iOS 14
πŸ‘‰ Support of Android 11
πŸ‘‰ Expanding the "Button Universe"
πŸ‘‰ New internationalization and localization support
πŸ‘‰ Google Maps and WebView plugins ready for production
πŸ‘‰ Navigator 2.0
πŸ‘‰ Preview: State Restoration for Android
πŸ‘‰ Preview: Smooth scrolling for unmatched input and display frequencie
πŸ‘‰ A new unified Dart developer tool
πŸ‘‰ App size analysis tool
πŸ‘‰ Preview: Updated Network Page in DevTools
πŸ‘‰ Hosted DevTools Inspector tab in IntelliJ

To learn more aboul all listed features, read the article below πŸ™„
#features #news #desktop

Announcing Flutter Windows Alpha

The article is about native Windows app compilation, some early plugins, and a desktop-ready Flutter Gallery app.

Some headlines:

πŸ‘‰ Adding Windows to Flutter
πŸ‘‰ Exploring some sample apps
πŸ‘‰ Getting started with Flutter for Windows
πŸ‘‰ Plugins for Windows
πŸ‘‰ Interop with Windows
πŸ‘‰ Flutter for Windows resources
πŸ‘‰ Flutter for Windows in the wild

With the new support for Windows in Flutter, what are you going to build? πŸ˜‰
#keys #internals #advanced

Keys! What are they good for?

The key parameter can be found on basically every widget constructor, but their use is less common. Keys preserve state when widgets move around in your widget tree. In practice, this means they can be useful to preserve the user’s scroll location or keep state when modifying a collection.
​​#stateful #widgets #advanced

It's how Stateful Widgets work in Flutter.
#bloc #bestpractices

Effective BLoC pattern

The article is about 8 golden points that must be followed when working with BLoC:

πŸ‘‰ Every screen has its own BLoC
πŸ‘‰ Every BLoC must have a dispose() method
πŸ‘‰ Don’t use StatelessWidget with BLoC
πŸ‘‰ Override didChangeDependencies() to initialise BLoC
πŸ‘‰ Use RxDart only when dealing with complex logic
πŸ‘‰ Use PublishSubject over BehaviorSubject
πŸ‘‰ Proper use of BLoC Providers
#isolates #async #advanced

Futures - Isolates - Event Loop

Single Thread, multi-threading, synchronous and asynchronous. This article explains the different code execution modes in Flutter:

πŸ‘‰ Dart is a Single Threaded language
πŸ‘‰ The Dart execution model
πŸ‘‰ MicroTask Queue
πŸ‘‰ Event Queue & Futures
πŸ‘‰ Async methods
πŸ‘‰ Multi-Threading & Isolates
#performance #advanced #bestpractices

Performance best practices

Generally, Flutter applications are performant by default, so you only need to avoid common pitfalls to get excellent performance instead of needing to micro-optimize with complicated profiling tools. These best recommendations will help you write the most performant Flutter app possible:

πŸ‘‰ Controlling build() cost
πŸ‘‰ Apply effects only when needed
πŸ‘‰ Render grids and lists lazily
πŸ‘‰ Build and display frames in 16ms
#states #architecture #bloc #video

Flutter State Management - The Grand Tour

This video will help you to take a tour of almost all state management techniques in Flutter. You may watch full lesson or use our timecodes:

πŸ‘‰ StatefulWidget – 1:25
πŸ‘‰ StatefulBuilder – 2:43
πŸ‘‰ InheritedWidget – 4:16
πŸ‘‰ RxDart + BehaviorSubject – 6:12
πŸ‘‰ BLoC – 8:50
πŸ‘‰ Redux – 11:34
πŸ‘‰ Mobx – 11:57
πŸ‘‰ Scoped Model – 12:27
πŸ‘‰ Flutter Hooks – 12:58
πŸ‘‰ Firebase – 13:22
#ui #scaling #screens

Flutter β€” Effectively scale UI according to different screen sizes

Since we have full control on all the pixels in Flutter, we might implement our own UI scaling approach. So, all objects will be scaled based on screen density and size.
#performance #bestpractices #advanced

Building performant Flutter widgets

This article is a part of series developed after the Flutter Material team worked on making the Flutter Gallery app more performant on the web. Some pro tips:

πŸ‘‰ Only build when necessary
πŸ‘‰ Only build what is necessary
πŸ‘‰ Check widget build counts
#dart #nullsafety #preview

Dart sound null safety: technical preview 2

Null safety is a major new productivity feature that helps you avoid null exceptions, a class of bugs that are often hard to spot. As an added bonus, this feature also enables a range of performance improvements. Dart Team announces a second tech preview of sound null safety, including support for the Flutter framework:

The article is:

πŸ‘‰ Why null safety?
πŸ‘‰ Null safety principles
πŸ‘‰ The null safety roadmap
#plugins #packages

Announcing: Flutter Community Plus Plugins

Flutter Community delighted to introduce their initial release of Plus plugins, with extensive support for most platforms. This builds on the foundation set by the Flutter Team's plugins to enable Flutter developers to build their apps for different platforms out of the box:

Plus Plugins have 3 main goals:

πŸ‘‰ Supporting Federated plugins
πŸ‘‰ Supporting and maintaining all platforms
πŸ‘‰ Updating to plus plugins with minimal effort