Michele Volpato

Michele Volpato

This week in Flutter #20

โ€” Newsletter

Big news this week! Google announced Dart 2.14 and Flutter 2.5: Apple Silicon support and standard lints are the prominent updates for Dart.

For Flutter there are performance improvements, Material You support, camera and image picker updates, Widget Inspector improvements, and a new starter project.

Read these recap by Motabar Javaid, [Ozan Taskiran](https://medium.com/@ozantaskiran?source=user_profile-------------------------------------).

- Michele Volpato

Development ๐Ÿง‘โ€๐Ÿ’ป

๐Ÿ”— Flutter Performance Tips

Here is a short list of tips to improve the performance of your Flutter app. Each tip has a link to a longer explanation if you want more information about it. A nice list by Hasan Basri Bayat.

๐Ÿ”— Clean Network Layer in Flutter [Dio + Freezed + Json_Annotation]

Create your network layer once and use it in all your projects, with this easy-to-follow tutorial by Ercan Garip.

๐Ÿ”— Flutter Bloc: A Complete Guide

I stopped using the original BLoC some time ago, I find it too complicated to understand for new developers when they join the team. But if you want to learn more about it, [Dhruv Nakum](https://hashnode.com/@Dhruv-Nakum) published a nice article where he creates a simple weather app.

๐Ÿ”— Using GraphQL with Flutter: A tutorial with examples

GraphQL is getting used more and more by API providers. There are some packages in Flutter/Dart that help you with using it in your app. I believe that _graphql_flutter _ is one of the best and in this article, [Chidume Nnamdi](https://blog.logrocket.com/author/chidumennamdi/) shows you how to use it with a tutorial.

๐Ÿ”— Cubit 101: What is It, How to Use it and More

And after the article about BLoC above, here is an article about Cubit, an evolution of BLoC. I always say that I stopped using BLoC, but I can see myself starting to use Cubit in the future. This is a well-written article, I suggest you read it even if you already know Cubit. Via Gianfranco Pigatto.

๐Ÿ”— Exploring the Stripe Flutter SDK

Stripe is a payment service system with good APIs. Emmanuel Etukudo shows you how you can integrate it into a Flutter app, with support with Apple Pay and Google Pay.

๐Ÿ”— Getting to know Flutter: Pull to refresh with online data

The pull to refresh is a common UX feature of apps with lists. Learn how to implement it with this article by TheOtherDev/s. This article uses an external package: pull_to_refresh, but…

๐Ÿ”— RefreshIndicator (Flutter Widget of the Week)

…you can also use the standard RefreshIndicator.

๐Ÿ”— Implementing SVG in Flutter with flutter_svg

Did you know you can easily use SVG in your Flutter app? Majid Hajian knows that, and he wrote an article about it.

๐Ÿ”— Slivers in Flutter - Part (1)

An extensive article about scrolling in Flutter, with examples and GIFs, so that you do not have to implement everything yourself to test it. By [Dhruv Nakum](https://hashnode.com/@Dhruv-Nakum).

Architecture ๐Ÿ›

๐Ÿ”— Flutter: MVVM architecture best practice using Provide & HTTP

MVVM, MVC, MVA, MVP, DDD, BYOB: there are many architectures you can follow when working on a mobile app. The best one is the one you feel most comfortable with. In this article, Maraj Hussain shows you an example of using MVVM in a Flutter project.

Tools ๐Ÿ› 

๐Ÿ”— Simplify test new features in Flutter app with debug_friend

Stanislav Ilin published a package to help you during the development of a Flutter app. The package is called _debug_friend _ and it adds some views to your app giving information like device info, the possibility to delete app data, and viewing detail UI values, like sizes and borders. A real debug friend, indeed.

Backend ๐Ÿ—„

๐Ÿ”— Magic URL authentication with Flutter + Appwrite

Appwrite recently added Magic URL as a password-less authentication method. Learn how to implement it in your Flutter app with this tutorial by Damodar Lohani.

Others ๐Ÿคทโ€โ™‚๏ธ

๐Ÿ”— Add CarPlay to your Flutter App ๐Ÿš—

My first Flutter app was a simple screen showing whether there was an available parking spot in the company parking lot. If you were too late and all spots were taken, you had to park in a public parking lot down the street and walk back. The app saved you the time to check at the company facilities whether there was room for your car or not: if the app told you there was no room, you just went directly to the public parking space. A colleague asked me if we could have the app on CarPlay, but that was not possible at the time. Now, with the _flutter_carplay _ package __ published by [Oguzhan Atalay](https://hashnode.com/@oguzhan), we can try it again, once we are all back to the office.


That’s it for this week.

If you want to comment on any of this week’s entries, you can do it in the comment section below.

Have a bug-free week,

- Michele Volpato

Subscribe to this newsletter

Receive an email every week with curated content about Dart and Flutter.

You will also receive a list of resources to learn Flutter.

    We won't send you spam. Unsubscribe at any time.

    Leave a comment