Welk spannend nieuws is er aangekondigd bij Flutter Forward 2023? Lees het hier!
Wat is Flutter Forward?
Flutter is een populair open-source framework voor de ontwikkeling van mobiele apps, gemaakt door Google. Het wordt gebruikt om Android, iOS, Windows, Mac, Linux en webapplicaties te ontwikkelen.
Flutter Forward is Google's officiële evenement om de verhaallijnen van Flutter voor de komende jaren op te zetten. Tijdens dit evenement werden veel spannende nieuwe functies gedemonstreerd die nog in ontwikkeling zijn, maar niettemin spannend. Flutter Forward werd gehouden in Nairobi, Kenia, en het is een van de eerste productlanceringen van wereldklasse in Oost-Afrika.
17 dagen van Flutter
De afgelopen 17 dagen waren een fantastische achtbaan voor Flutter-content. De geliefde Dash is in veel avonturen te zien, zoals het bouwen van een spel met Flutter en Flame en het getest worden door de community in de doodle dash challenge!
Flutter Forward Schema
06:30 - 07:00 Flutter Keynote Pre-Show
Met John Ryan, Developer Relations Engineer voor Flutter & Dart, en Kate Lovett, Software Engineer voor het Flutter Framework.
07:00 - 08:00 Flutter Keynote Presentatie
Sprekers:
Tim Sneath, Product & UX Director voor Flutter & Dart.
Leigha Jarett, Product Manager voor Flutter.
Ander Dobo, Product Manager voor Flutter.
Michael Thomsen, Product Manager voor Dart.
08:00 - 08:30 #AskFlutter Live
Een live Q&A met leiders van Dart, Flutter en Firebase.
Met John Ryan, Developer Relations Engineer voor Flutter & Dart, en Kate Lovett, Software Engineer voor het Flutter Framework.
Flutter Forward Keynote Presentatie
Tim Sneath, VP van developer relations voor Flutter, betrad het podium om enkele woorden te delen over deze ongelooflijke technologie. Met Flutter kunnen ontwikkelaars nu web-, mobiele en desktopapplicaties bouwen met één enkele codebase. Dit wordt mogelijk gemaakt door de vijf kernpijlers: Mooi, Snel, Productief, Draagbaar en Open. Het heeft momenteel productie-ondersteuning voor zes platforms: Android, IOS, web, windows, macOS, Linux en embedded. Nu met meer dan 5 miljoen flutter ontwikkelaars die de technologie hebben ervaren en 700k+ apps gelanceerd met behulp van het maakt, is het een van de top 3 projecten op GitHub door bijdragers.
Flutter 3.7 heeft veel nieuwe functies gebracht! Het biedt verbeterde ondersteuning voor Material 3, waardoor ontwikkelaars prachtige gebruikersinterfaces kunnen maken. Met Adaptive Layout kunnen apps hun layout automatisch aanpassen aan elk formaat apparaat. Gebruikers hebben nu toegang tot menubalken en trapsgewijze menu's voor allerlei UI-aanpassingen. Impeller preview is ook beschikbaar in iOS-versies van de app, en een nieuwe tool maakt validatie bij de release van iOS-apps mogelijk. Tot slot zijn de DevTools verbeterd met diverse updates en verbeteringen.
Op het Flutter + Firebase gedeelte sprak Eric Windmill over hoe je authenticatie in een App kunt bouwen met behulp van Firebase. Dit wordt gemakkelijk gemaakt door Firebase, waarmee ontwikkelaars snel en efficiënt auth kunnen implementeren in Flutter.
Abel Mengistu van Flutterflow betrad het podium en liet ontwikkelaars zien hoe ze snel en eenvoudig applicaties kunnen maken met Flutter. Flutterflow biedt integraties die het bouwen van apps met een paar klikken vereenvoudigen, waardoor vervelende codering niet meer nodig is. Bovendien is de gegenereerde code extreem schoon en gemakkelijk te lezen, zodat gebruikers direct kunnen beginnen met het maken van hun apps.
In de tweede helft van 2020 zocht het mobiele team van PUBG naar een cross-platform framework om hun behoeften aan communicatiemodules in de game te verwerken. Na wat onderzoek realiseerden ze zich dat Flutter hen de prestaties zou bieden die ze nodig hadden en het gebruiksgemak van Dart maakte het een perfecte pasvorm. Met Flutter konden ze snel aan de slag met hun app-project en sindsdien hebben ze succes geboekt.
Google heeft de kracht van Flutter omarmd voor veel van zijn app-bouwbehoeften. Opmerkelijke apps, zoals Google Classroom en andere onderwijstools, hebben met behulp van Flutter enorme sprongen gemaakt in gebruikersbetrokkenheid. Product Manager Sofie Cornelis noemt de mogelijkheid om 98% van de code tussen platforms te delen, de codegrootte met 66% te verminderen en hot reloads te gebruiken die de updatetijd terugbrengen van minuten naar seconden als belangrijke factoren voor hun hoge groeipercentage.
Michael Thomsen kondigde de krachtige functies van Dart 3a aan en besprak deze. Nieuwe taalkenmerken zoals records en patterns maken Dart responsiever, met een nieuw type ingebouwde collectie die meerdere types kan teruggeven. Sound Null safety zorgt voor een beter vertrouwen tussen compilers en types, waardoor snellere code mogelijk is die nu is teruggebracht tot slechts drie instructies in Dart 3 vergeleken met 26 in Dart 1. Hoge portabiliteit wordt ook versterkt met experimentele ondersteuning voor WebAssembly en RISC-V. Wij verwachten dat Dart 3 stable later dit jaar wordt gelanceerd.
Tim Sneath besprak verder Flutter Web en de implementatie ervan met CanvasKit en WebAssembly. In tegenstelling tot general-purpose frameworks zoals Angular of React, is Flutter architectonisch ontworpen rond deze nieuwe standaarden. Het biedt hiervan een mooi voorbeeld in de vorm van de Rive-editor, die een van de eerste dingen is die op het web voor Flutter is gebouwd. Om de prestaties op het web te verbeteren worden verbeteringen aangebracht, zoals CanvasKit-reducties, gereduceerde lettergroottes en uitgesteld laden. Verder liet Tim Sneath zien hoe een master channel en aangepaste CanvasKit laadtijden tot 40% kunnen verminderen.
WebAssembly ondersteuning voor het compileren van Flutter naar het web maakt element embedding mogelijk. Door het nemen van Dart en Flutter code en het compileren ervan in een div, kan het worden gebruikt als een web component waar de Flutter staat kan worden geduwd naar de Javascript kant en vice versa, met beide staten die elkaar beïnvloeden. CSS effecten zoals schaduwen, resizing en device modes zijn ook haalbaar met live wijzigingen in het Flutter gedeelte van de web app. Met pixel shaders kunnen low-level functies worden uitgevoerd op GPU voor high-end effecten die nu op het web kunnen worden gebruikt, waardoor Flutter meer kracht krijgt voor het maken van aantrekkelijke ontwerpen.
De presentatie van Leigha Jarett in het mobiele gedeelte omvatte verschillende nieuwe functies, zoals verbeterde tekstinvoer, ondersteuning voor opvouwbare apparaten, ondersteuning voor variabele verversingssnelheid, vereenvoudiging van het releaseproces, verbeterde tooling voor ontwikkelaars en verbetering van de prestaties. De Flutter News Toolkit is nu beschikbaar om snel hoogwaardige nieuwsapps te maken en zal ontwikkelaars 80% van hun tijd besparen. Wonderous, een Flutter referentie app, is ook bijgewerkt met een adaptief ontwerp voor alle schermformaten. Het is nu mogelijk om verschillende mobiele API's direct vanuit Dart aan te roepen, zoals HealthConnectClient van Android en CMPedometor van iOS, dankzij de nieuwe FFigen & Jnigen tool die 'bindingen' in Flutter kan maken en afhandelen en automatisch code kan genereren die verschillende API's van verschillende platforms aanroept.
Impeller is de volgende doorbraak in grafische prestaties en biedt een optimale oplossing voor het elimineren van shader compilatie jank. Impeller verhoogt de soepelheid en prestaties van de grafische engine aanzienlijk in vergelijking met Skia, en de nieuwe mogelijkheden maken andere use cases mogelijk, zoals 3D en animaties. Leigha toonde deze mogelijkheden door in Flutter een 3D streepje te schilderen met Blender, dat nu kan worden veranderd, en deze veranderingen zijn in real-time te zien via hot reload. Bovendien kunnen animaties worden toegevoegd en getoond via hot reload. Impeller verwerkte efficiënt meer dan 343 geanimeerde Dashes met meer dan 10.000 bewegende geanimeerde gewrichten.
Wil je meer weten over Flutter en Flutter Forward?
Dat was het voor de Flutter Forward Keynote Presentation; omdat het evenement behoorlijk spannend en belangrijk was, hebben we misschien wat informatie gemist. Bekijk zeker de officiële inhoud en de gedetailleerde nieuwe on-demand inhoud hier!
Bekijk de opname van het volledige evenement hier.
Foto's geleverd door flutter.dev.
