Flutter 2.0 introduit une prise en charge de qualité production pour la création d'applications Web

Google a publié Flutter 2.0 en version stable et inclut une prise en charge de qualité production pour la création d'applications Web. Continuez à lire pour en savoir plus!

Flutter 2.0 a été publié en version stable, et avec lui, il existe un support Web stable. Cela signifie que Flutter peut désormais être utilisé en toute sécurité dans des projets Web de qualité production.

Cela dit, voyons ce qu'implique Flutter pour le Web.

Rendus

Flutter pour le Web peut afficher votre application de deux manières dans un navigateur. Il peut soit le restituer en utilisant HTML, CSS et Canvas, soit en utilisant CanvasKit. Chacun a ses propres avantages. Le moteur de rendu HTML, puisqu'il utilise des éléments plus basiques, est plus rapide à télécharger et à charger. Le moteur de rendu CanvasKit est un peu plus lourd, mais il offre de meilleures performances lorsqu'il y a beaucoup de choses à l'écran.

Par défaut, une application Web Flutter choisira automatiquement le moteur de rendu à utiliser, en fonction de l'appareil client. Les appareils mobiles recevront le moteur de rendu HTML, tandis que les appareils de bureau recevront CanvasKit. Dans le cas où vous souhaitez utiliser un moteur de rendu spécifique, Google a fourni des options pour toujours utiliser l'un ou l'autre.

Un aperçu architectural de Flutter. Source: Google

Fonctionnalités spécifiques au Web

Même si Flutter est multiplateforme, certains éléments sont toujours spécifiques à chaque plateforme prise en charge. En effet, certaines choses n'existent que sur une seule plate-forme ou fonctionnent d'une manière qui nécessite une API spéciale. Et le Web n’est pas différent.

Flutter 2.0 ajoute la prise en charge d'éléments tels que les stratégies d'URL personnalisées, les liens profonds d'applications Web et la prise en charge appropriée de PWA. Lorsque vous créez un projet Flutter pour Web, un manifeste Web et des modèles de service worker seront générés pour vous.

Gestes et clavier

Pour être véritablement multiplateforme, un framework doit prendre en compte sa cible. S'il fonctionne sur une plate-forme de bureau, il doit répondre aux raccourcis clavier. Sur mobile, il doit répondre aux gestes de tapotement et de balayage.

Eh bien, Flutter pour le Web fait ces deux choses. Grâce au Web, il cible à la fois les appareils de bureau et les appareils mobiles. Avec la version stable de Flutter pour le Web, les gestes natifs sont pris en charge, en fonction de la plate-forme client et de la source d'entrée.

Plugins

Comme tout bon langage, Flutter prend en charge les bibliothèques, ou plugins dans ce cas. Par mesure de sécurité, les plugins doivent spécifier leur compatibilité avec la plateforme. Étant donné que Flutter for Web est un ajout relativement récent au framework, de nombreux plugins, y compris celui de Google, ne le prenaient pas en charge.

Avec la sortie de Flutter 2.0, tout un tas de plugins Flutter de Google, dont la suite Firebase, sont marqués comme étant compatibles avec le Web.


Même si cela ne semble pas beaucoup, ce sont des fonctionnalités assez importantes. Flutter 2.0 a acquis une plate-forme entière et beaucoup de travail a été déployé pour intégrer Flutter for Web dans le reste du framework.

Que pensez-vous de Flutter pour le Web? Est-ce une bonne option pour le développement Web? Faites le nous savoir!