This week in Flutter #23
Tags: dart, flutter, news
Published: 2021-10-05 15:07:30

Is Flutter ready for web apps? Is Dart ready for backend code? Find out in this issue who is using both in a production app and what they think about them.

\- Michele Volpato

Development 🧑‍💻
-----------------

### 🔗 [Building a production ready Flutter Web App](https://blog.dropzone.dev/building-a-production-ready-flutter-web-app-9ad3bb9607e4)

Many people claim that **Flutter for web** is not good enough for a **production web** app. While I agree to some degree, I also know that with the right project and the right team, a performing and engaging Flutter web app can be made. This is exactly what the guys at [Dropzone](https://www.dropzone.dev) did. Read from the founder [Matias Meno](https://github.com/enyo) about their experience with Flutter for web in production.

### 🔗 [How to use google\_ml\_kit package in flutter for text recognition](https://aaqilsh.medium.com/how-to-use-google-ml-kit-package-in-flutter-for-text-recognition-206515b9c035)

You've already read about Firebase ML in a [previous issue](https://ishouldgotosleep.com/this-week-in-flutter-8/) of this newsletter. But **how do you use Google ML** in your Flutter app? Read this article, by Aaqil Shihab.

### 🔗 [](https://medium.com/@nem25/flutter-web-app-for-newsletter-sign-up-using-firebase-functions-f06a3cc0a30)[Flutter web app for newsletter sign up using Firebase functions](https://hackingit.hashnode.dev/flutter-web-app-for-newsletter-sign-up-using-firebase-functions)

[Neha M](https://github.com/nem25) published a tutorial about using **Flutter for web and Firebase** to create a newsletter signup form. It is a simple tutorial but it has everything you need to learn how to combine the two technologies.

### 🔗 [Explore BlockSemantics In Flutter](https://medium.com/flutterdevs/explore-blocksemantics-in-flutter-50325df621d0)

Most apps you write should have **accessibility** in mind. All users should be able to experience your app regardless of their disabilities. One way to ensure that is by using **semantics** for the widgets that compose your app. [Shaiq khan](https://github.com/ShaiqAhmedkhan) shows you how to use `BlockSemantics` to hide widgets from accessibility tools so that when a dialog is shown, the accessibility tool is not able to interact with widgets behind it.

### 🔗 [Building a 2D game with Flutter](https://blog.logrocket.com/building-2d-game-flutter/)

Learn how to create a _simple_ version of the **Pong game** in Flutter, with this tutorial by [Chinedu Imoh](https://github.com/ChineduImoh).

### 🔗 [Flutter TextField validation made easy with TextEditingController and AnimatedBuilder](https://codewithandrea.com/articles/flutter-text-field-validation-animated-builder/)

You don't need a `Form`, a `TextFormField`, and a `GlobalKey` to show an error and enable/disable a button on the validation of a text field. You can use `TextEditingController`, as [Andrea Bizzotto](https://github.com/bizz84/) did in this article.

### 🔗 [](https://dev.to/redstar25/animation-in-flutter-animation-class-tween-curvedanimation-3bfh)[Animation In Flutter: Animation Class, Tween & CurvedAnimation](https://dhruvnakum.xyz/animation-in-flutter-animation-class-tween-and-curvedanimation)

Learn more about **animations** in this article by [Dhruv Nakum](https://github.com/red-star25).

### 🔗 [Flutter styling explained in CSS](https://dev.to/nombrekeff/flutter-styling-explained-in-css-llf-5-51nm)

I am not an expert in HTML and CSS, but this way of explaining **Flutter layout and UI styling** by [Manolo Edge](https://github.com/nombrekeff) can be very helpful to those who are learning Flutter and has a CSS background.

Design 🧑‍🎨
------------

### 🔗 [Demystifying application alerts and why you should build your own Alert component](https://medium.com/@qt.nguynh/demystifying-alerts-and-why-you-should-build-your-own-alert-component-8c67a575d28e)

[Quan Nguyen](https://medium.com/@qt.nguynh) talks about alerts in Flutter, what they are, and how to use them. This is just an overview of the concept, no code, just **theory** you should know before designing/implementing them.

### 🔗 [Supernova: a design system platform](https://medium.com/flutter/supernova-a-design-system-platform-ea00a9077c4d)

[Mariam Hasnany](https://twitter.com/marihasnany) from the Flutter team publishes an interview with Supernova’s CEO [Jiří Třečák](https://twitter.com/JiriTrecak) and CTO [Artem Ufimtcev](https://twitter.com/ArtemUfimtcev) about their [design system platform](https://www.supernova.io) built with and for Flutter. I find interesting their opinion about the **CanvasKit** renderer.

[...]

Read the rest on [my website](https://ishouldgotosleep.com/this-week-in-flutter-23/).

[Join the Flutter and Dart newsletter](https://ishouldgotosleep.com/subscribe-to-the-newsletter-devto/) and receive it weekly in your inbox.

---