Flutter: la più completa guida introduttiva sul framework cross-platform per sviluppare app

Questa è la guida introduttiva a Flutter più completa che potrai trovare sul web.

Dopo che l’avrai letta, oltre a sapere cos’è Flutter, avrai ben chiaro il motivo per cui si sta diffondendo così velocemente, conoscerai la sua storia, i suoi competitor e com’è tecnicamente strutturato.

Insomma, avrai tutti gli strumenti per decidere se questo framework cross-platform fa per te.

Senza perdere tempo, partiamo dalle basi:

cosa significa cross-platform? (più avanti approfondiremo anche il concetto di framework).

Per cross-platform intendiamo la possibilità di sviluppare, in contemporanea, e con un unico codice, applicazioni per piattaforme diverse.

Nel caso di Flutter abbiamo la possibilità di sviluppare ed eseguire app Flutter, senza dover riscrivere il codice ogni volta, per 4 piattaforme:

Esatto, è il sogno proibito di molti sviluppatori (e aziende):

un solo codice per tutte queste piattaforme significa poter risparmiare tempo e costi di sviluppo, creare progetti molto più mantenibili e quindi non impazzire nel gestire più basi di codici dello stesso progetto (solitamente ogni piattaforma ha il suo linguaggio di programmazione).

L’obiettivo di Flutter è quello di unificare lo sviluppo per tutte queste piattaforme, offrendoci un solo linguaggio di programmazione, ovvero Dart, ed un solo framework per costruire interfacce grafiche, ovvero Flutter.

E ci sta riuscendo alla grande!

Entriamo più nel dettaglio e analizziamo le piattaforme supportate da Flutter, soffermandoci sulle caratteristiche.

Cominciamo con Android, piattaforma che tutti conosciamo e che conta il 73% del mercato globale degli smartphone.

Niente male per un solo sistema operativo.

Le applicazioni Flutter girano nativamente su Android(tra poco vedremo cosa intendiamo con nativo), permettendoci di usare Flutter senza alcun timore per il 99% delle casistiche che ci potrebbero venire in mente.

Abbiamo inoltre il supporto aggiornato al Material Design, grafica ormai diventata iconica per il suo utilizzo massiccio di card, ombreggiature e semplicità. Con l'introduzione di Material Design 3, noto anche come Material You, il design è diventato più personalizzabile e adattabile, offrendo un'esperienza utente più ricca e coinvolgente.

Flutter supporta Material Design 3 attraverso una libreria, già presente in automatico all'interno di Flutter, chiamata per l'appunto Material, e costantemente aggiornata da Google. A partire dalla versione 3.16 di Flutter, Material Design 3 è abilitato di default, permettendo agli sviluppatori di creare interfacce moderne e coerenti con le linee guida più recenti.

iOS è il sistema operativo degli iPhone ed è noto per la sua interfaccia pulita e intuitiva. Anche su questa piattaforma, Flutter offre un supporto completo, permettendo di sviluppare app che si integrano perfettamente con l'ecosistema Apple.

Così come per Android,anche per iOS le app realizzate con Flutter sono fluide e performanti,spesso con prestazioni paragonabili, se non superiori, a quelle native.

Un altro vantaggio è che le app Flutter per iPhone possono essere utilizzate senza problemi anche su iPad, adattandosi automaticamente alle dimensioni dello schermo senza bisogno di riscrivere il codice.

Dal punto di vista del design, Apple segue delle linee guida chiamate Human Interface Guidelines, che definiscono lo stile e l'esperienza utente su iOS. Flutter offre una libreria chiamata Cupertino, che permette di creare interfacce in stile Apple con componenti visivamente identici a quelli delle app native.

Negli ultimi aggiornamenti, Flutter ha migliorato il supporto per i componenti grafici di iOS, rendendo ancora più semplice ottenere un aspetto fedele alle app native. Inoltre, la gestione delle dipendenze per iOS è stata semplificata, permettendo agli sviluppatori di integrare più facilmente librerie scritte in Swift.

In pratica, se vuoi sviluppare un'app per iPhone e iPad senza rinunciare alla qualità e alle prestazioni, Flutter è una delle scelte migliori.

Veniamo ora ad un aspetto interessante di Flutter ed ancora poco conosciuto, ovvero il fatto che Flutter possa essere utilizzato anche per sviluppare applicazioni per il Web e Desktop!

Flutter Web è stato dichiarato stabile a marzo 2021 e, da allora, ha continuato a migliorare in termini di prestazioni e compatibilità con i principali browser.

Quando esportiamo un’app Flutter per il Web, questa gira tranquillamente sui maggiori browser, sfruttando sia il JavaScript che il WebAssembly.

Ora, nel caso del JavaScript, sappiamo che è il linguaggio di programmazione usato dai browser per aggiungere interazione ai siti web.

Meno persone conoscono, però, WebAssembly.

WebAssembly è un linguaggio di basso livello che funge da Assembly per il mondo Web, ovvero quasi da linguaggio macchina.

Assembly è infatti presente nei sistemi operativi che tutti noi usiamo, e WebAssembly non è altro che un adattamento di questo concetto per il Web.

Il vantaggio di WebAssembly è di essere estremamente performante.

Sai cosa implica questo?

Applicazioni desktop complesse come Photoshop o giochi sviluppati con motori grafici come Unreal Engine stanno diventando sempre più accessibili via browser, grazie proprio a questa tecnologia.

Insomma, presto potremo giocare nativamente a giochi tripla A nel browser ed usare software avanzati come CAD per la modellazione grafica.

Flutter sfrutta questa stessa tecnologia quando compila per il Web, utilizzando un mix di JavaScript e WebAssembly per assicurarsi ottime prestazioni grafiche.

Con gli aggiornamenti più recenti, Flutter Web ha migliorato il supporto per l’accessibilità, il rendering delle interfacce utente e l’ottimizzazione delle prestazioni, rendendolo una soluzione sempre più competitiva anche per applicazioni complesse.

Per finire non poteva mancare Flutter Desktop, piattaforma per la quale siamo super entusiasti e su cui vediamo tantissimo potenziale.

Ok, usciamo allo scoperto:

siamo fanatici delle applicazioni Desktop ben fatte; la maggior parte pesano gigabyte e rallentano tutto il computer ( qualcuno ha detto Slack? ) e, in generale, non sopportiamo tutte quelle applicazioni basate su Electron che ci forzano a scaricare un browser solamente per gestire una todo list.

Scusaci lo sfogo.

Il problema principale del mondo desktop è che è ancora più frammentato del mondo mobile, avendo 3 principali sistemi operativi ( Windows, MacOS e Linux ), contro i due del mobile.

Inoltre, per rincarare la dose, gli attuali framework per lo sviluppo cross-platform ( come Electron, Nw.js e QT ) lasciano tanto a desiderare, ad essere clementi.

Ecco, quindi, che Flutter diventa uno strumento eccezionale per sviluppare velocemente applicazioni Desktop di qualità.

Dal punto di vista grafico, per il mondo Desktop abbiamo a disposizione 4 temi:

Abbiamo promesso che alla fine di questa guida saprai tutto ciò che devi sapere su Flutter, quindi non possiamo non dare un contesto storico con qualche accenno alle milestones del progetto.

Google ha pubblicato la prima versione alpha di Flutter nel 2017, e il suo utilizzo (ed il mondo open source che lo circonda) è letteralmente esploso.

Sì, hai capito bene, Google.

Flutter è passato, in un solo anno, da versione alpha, considerata sperimentale e non adatta all'utilizzo in produzione, a una versione stabile e ricca di funzioni, utilizzata da grandi compagnie per l'integrazione di nuove funzionalità in applicazioni già in produzione o per svilupparne di completamente nuove.

Nel marzo del 2021 è stata rilasciata la versione 2 del framework, portando numerose novità e celebrando alcuni traguardi raggiunti:

principalmente l'aggiornamento del linguaggio di programmazione alla base di Flutter, ovvero Dart, alla versione con i nullable types.

Inoltre, Flutter Web è stato dichiarato stabile e Flutter Desktop è passato ufficialmente in beta.

Dopo di che, sono stati deprecati alcuni pulsanti, come il RaisedButton (ndr, probabilmente perché si annoiavano) ed è stata migliorata ulteriormente la performance delle applicazioni.

Tra i traguardi raggiunti, sicuramente quelli che ci hanno colpito di più durante la presentazione ufficiale sono state le 150.000 applicazioni Flutter pubblicate sugli Store, che la dice lunga sulla stabilità e capacità di questo framework, oltre all’annuncio di alcune grosse compagnie (come Canonical di Ubuntu, BMW e Toyota) che hanno deciso di investire in maniera massiccia in Flutter.

― Presentazione dell'app di BMW sviluppata in Flutter

Successivamente, nel maggio 2022, è stata rilasciata la versione 3 di Flutter, che ha introdotto il supporto stabile per tutte le principali piattaforme desktop, inclusi Windows, macOS e Linux. Questo ha permesso agli sviluppatori di creare applicazioni multipiattaforma con un'unica base di codice, ampliando ulteriormente le possibilità offerte dal framework.

Nel dicembre 2024, con il rilascio di Flutter 3.27, è stato introdotto il Flutter AI Toolkit, che facilita l'integrazione di funzionalità di intelligenza artificiale nelle applicazioni. Inoltre, sono stati apportati miglioramenti significativi al motore di rendering Impeller e sono state introdotte nuove linee guida per l'architettura delle applicazioni Flutter, offrendo best practice per la progettazione di app su larga scala.

Una cosa che non dovrebbe stupire nessuno è che Flutter abbia dei competitor.

Non è il primo arrivato, fatto che spiega il suo rapido successo:

così come ha fatto Facebook con MySpace, Flutter ha potuto imparare dagli errori dei predecessori.

Soffermiamoci in particolare sulle alternative di Flutter in ambito mobile, dato che è la nostra specializzazione.

Iniziamo con il dire che uno sviluppatore può scegliere tra quattro principali opzioni.

Le progressive web app non sono altro che dei siti internet, quindi sviluppati con HTML, CSS e JavaScript, un po' particolari, perché sfruttano alcune API per permettere all'utente di aggiungerle alla schermata di home dello smartphone ed interagire con loro come se fossero delle vere e proprie app.

In parole povere, sono a tutti gli effetti dei siti web camuffati da app mobile.

Qui sotto abbiamo un tipico flusso per aggiungere una progressive web app alla propria schermata di home in Android.

― Dalla guida ufficiale di Chrome Developers

Possiamo notare come, da browser, la web app rileva che è attualmente in esecuzione nel browser di un telefono e, di conseguenza, mostra un popup per chiedere di aggiungerla alla schermata di home.

Questo è facoltativo, ma nel caso l'utente decidesse di aggiungerla ecco che comparirebbe tra la lista delle applicazioni installate, con una sua icona personalizzata che noi come sviluppatori possiamo indicare in un file, chiamato manifest.

All'avvio la progressive web app presenta una schermata di splash, ovvero di caricamento, anche questa personalizzabile, che è la terza che vediamo nell'immagine riportata sopra come esempio.

Una volta aperta possiamo notare che non è più in esecuzione all'interno del browser, infatti non abbiamo più la barra degli indirizzi per cambiare url, ma sembra un’applicazione nativa a tutti gli effetti.

Di fatto, questo è un ottimo e semplice approccio per rendere disponibile una versione mobile della propria web app, senza doverne sviluppare realmente una.

Il vantaggio di una progressive web app è, dunque, la possibilità di gestire con un unico progetto ed un unico codice, sia un’applicazione per il web che una mobile.

Essendo che la progressive web app non è altro che una web app, ovvero un nome carino per dire "sito internet con JavaScript", dobbiamo utilizzare questo linguaggio per scriverla, magari attraverso un framework come React ed utilizzando TypeScript per avere un linguaggio un attimo meglio di JavaScript per gestire dei progetti complessi, ma ciò non di meno significa che dipendiamo dall'ecosistema JavaScript.

Ora qui si apre una grossissima parentesi sulla qualità, pro e contro di questo ecosistema.

Abbiamo esperienza diretta in progetti da mantenere formati da oltre 100.000 righe di codice e 50 librerie, che ci hanno insegnato quanto attenti bisogna essere alla fragilità di questo ecosistema, continuamente in evoluzione e cambiamento, ed è decisamente un punto a sfavore.

Di positivo c'è che l'ecosistema è estremamente grande, variegato e supportato.

Ma, ritornando alle progessive web app, possiamo affermare senza problemi che è molto difficile ottenere un look&feel da applicazione nativa e, punto non meno importante, le performance sono tutt'altro che al pari di quelle native, il che non si nota per semplici applicazioni, ma diventa un problema per grandi progetti.

Degna di nota è la mancanza di accesso ad alcune API, ovvero funzionalità che, invece, le applicazioni native hanno, come l'accesso al NFC o ai contatti del telefono.

Come ciliegina sulla torta, la Apple ha deciso di proibire già da qualche anno le progressive web app dal suo App Store, lasciando Google Play come unico canale in cui poterle distribuire.

In conclusione, le progressive web app sono efficaci nel caso in cui si abbia una certa urgenza nel distribuire una versione mobile di una web app, con poco budget e per progetti di ridotte dimensioni (spesso viene usata come soluzione provvisoria).

Ionic è un framework che ci offre un insieme di componenti già costruiti, con una grafica estremamente simile a quelle dei componenti nativi e che, semplicemente, produce delle progressive web app.

Utilizzando questo framework invece delle semplici progressive web app, si risolvo principalmente due problemi:

― Confronto dell'interesse tra Ionic e Flutter

Quindi, i contro quali sono?

Il problema è che Ionic è dipendente dall'ecosistema JavaScript, inoltre le grafiche che si possono sviluppare non sono al pari di quelle native, così come le performance, senza alcun dubbio non paragonabili a quelle delle applicazioni native.

Rullo di tamburi.. ci siamo, tocca al principale competitor di Flutter, ovvero React Native!

Prima, una piccola parentesi:

Per completezza nominiamo anche Xamarin di Microsoft, che non andremo ad approfondire perché, semplicemente, non lo consiglieremmo neanche al nostro peggior nemico. Comunque utilizza una strategia simile a React Native, ecco il motivo per cui lo nominiamo proprio adesso.

Bene, dicevamo il principale competitor di Flutter.

React Native, nonostante sia molto simile sotto diversi punti di vista, ha una particolarità che la distingue da Ionic:

sia nel caso di Ionic che nel caso di React viene utilizzato il framework ReactJS;

la differenza rispetto a Ionic, che non faceva altro che sfruttare una WebView (ovvero un browser dentro un’applicazione nativa per renderizzarsi), React Native ha una fase di compilazione, durante la quale traduce in maniera automatica i componenti React che noi abbiamo usato nel nostro codice negli equivalenti componenti nativi.

Quindi possiamo immaginare un’applicazione React Native come del tutto nativa, che però viene sviluppata usando ReactJS e non Java o Swift, come nello sviluppo nativo vero e proprio.

Ciò va a risolvere del tutto due problemi che le soluzioni precedenti hanno, ovvero le performance, che in questo caso sono realmente native, ed il look&feel, dato che i componenti che React Native usa sono quelli nativi.

React Native rappresenta quindi un’ottima scelta per sviluppare applicazioni native, sopratutto nel caso in cui si conosca già ReactJS.

― Confronto dell'interesse tra React Native e Flutter

Nonostante ciò, preferiamo Flutter per sviluppare applicazioni mobile e diciamo questo da sviluppatori che utilizzano quotidianamente ReactJS:

il vantaggio di usare un framework improntato quasi totalmente sul mondo mobile e con un ecosistema cosi grande ci porta a scegliere sempre Flutter per lo sviluppo di app Mobile e Desktop mentre ReactJS per lo sviluppo di Web app.

Insomma, il consiglio è di utilizzare il giusto martello per il giusto chiodo, come si suol dire.

Concludiamo l’analisi delle alternative a Flutter con la soluzione più comune, anche se con il tempo sta cedendo il passo allo sviluppo cross-platform:

lo sviluppo di applicazione native.

Il problema principale di questa scelta è il fatto di dover sviluppare la stessa applicazione due volte, essendo che ogni piattaforma, ovvero Android ed iOS, usando linguaggi di programmazione diversi e framework per la grafica diversi.

Questo non solo fa lievitare i costi di sviluppo, ma anche quelli di mantenimento e di velocità di risoluzione di bug, oltre che di implementazione di nuove funzionalità.

Pensiamo ad esempio a colossi come Facebook o Uber che, seppur abbiano abbondantemente il budget per lo sviluppo di due applicazioni, hanno scelto di andare cross-platform con React Native, proprio per semplificare le procedure di mantenimento e sviluppo dei propri servizi.

Il vantaggio indubbio che le applicazioni native continuano a mantenere sono le performance e le API di sistema che hanno a disposizione.

Immaginiamo una casistica molto semplice per spiegare questo concetto al meglio:

Apple implementa i chip neurali per la realtà aumentata e permette alle sue applicazioni di fare 3d rendering con la fotocamera.

Le applicazioni native supporterebbero, ovviamente, tutto questo dal giorno zero. Con Flutter, se tutto andasse per il meglio, bisognerebbe attendere almeno un mese.

Detto questo, la nostra scelta ricade ancora su Flutter, di seguito spiegheremo il motivo.

Analizziamo quali sono i punti di vantaggio di Flutter rispetto a tutte le altre alternative:

Tutto questo mantenendo sempre un look&feel da applicazioni mobile e performance pari, se non superiori (e vedremo successivamente il perché) a quelle native.

Ovviamente le app Flutter vengono accettate da Apple per la pubblicazione su App Store.

Inizi a capire perché Flutter ha avuto una rapidissima diffusione ed è sempre più adottato da sviluppatori e aziende?

Entriamo ancora più nel dettaglio e scopriamo insieme come Flutter riesce a portare tutti questi benefici.

Inizialmente, Flutter utilizzava il motore grafico Skia per renderizzare le interfacce delle applicazioni. Skia è una libreria grafica 2D open source, utilizzata anche da browser come Chrome e Firefox per disegnare gli elementi sullo schermo.

Tuttavia, per migliorare ulteriormente le prestazioni e sfruttare al meglio le moderne API grafiche, il team di Flutter ha sviluppato un nuovo motore di rendering chiamato Impeller.

― Impeller è il nuovo motore di rendering runtime per Flutter.

Impeller è progettato per precompilare un set più piccolo e semplice di shader al momento della build dell'engine, evitando la compilazione durante l'esecuzione e garantendo prestazioni più prevedibili.

A partire dalla versione 3.27, Impeller è il motore di rendering predefinito sia per iOS che per Android. Su dispositivi Android che non supportano Vulkan, Impeller ricorre automaticamente al renderer OpenGL legacy.

Questo approccio proattivo nella gestione degli shader consente a Flutter di offrire un'esperienza utente più fluida e reattiva, riducendo i tempi di rendering e migliorando le prestazioni complessive delle applicazioni.

Due acronimi di cui devi saperne il significato per comprendere al meglio Flutter, JIT e AOT:

ovvero, due modi di compilare un linguaggio di programmazione in linguaggio macchina.

Partiamo dal primo.

JIT sta per Just In Time ed è tipico dei linguaggi interpretati come Python, JavaScript e PHP.

La compilazione JIT ha il vantaggio di compilare molto velocemente, tuttavia questo porta ad una diminuzione delle performance del programma, nel nostro caso dell'applicazione.

Per questo motivo, la compilazione JIT viene utilizzata da Flutter solamente durante lo sviluppo, per fare Hot Reload, ovvero per aggiornare la nostra applicazione in tempo reale mentre scriviamo codice.

La compilazione JIT è presente in Flutter grazie a Dart, il linguaggio di programmazione alla base di Flutter, poiché implementa anche questo tipo di compilazione.

Il motivo è storico:

Dart, con la prima versione rilasciata nel 2011, era nato per essere un sostituto in tutto e per tutto di JavaScript e inizialmente utilizzava questo tipo di compilazione.

― Recap sui punti importanti della compilazione JIT

Successivamente, quando Dart si è evoluto, diventando un linguaggio staticamente tipato, gli sviluppatori hanno comunque mantenuto la compilazione Just in time, andando però ad aggiungere anche un compilatore Ahead of Time.

La compilazione Ahead of Time è tipica dei linguaggi compilati (come C e C#) e possiamo pensarla come l'opposto della compilazione Just in Time:

la modalità AOT prevede la compilazione del nostro codice in linguaggio macchina, creando un binario da eseguire.

Questo porta enormi benefici dal punto di vista della performance, ma non si presta per essere utilizzato durante la fase di sviluppo, quindi non è per niente adatto al Hot Reload.

Il motivo?

Perché la fase di compilazione in modalità AOT impiega diversi secondi (o interi minuti) a compilare tutto il codice di un’app. Mentre, con la compilazione JIT il compilatore ricompila solamente le linee di codice che sono effettivamente cambiate, quindi solamente qualche centinaio.

La compilazione Ahead of Time è presente in Dart dal 2018, ovvero da quando gli sviluppatori hanno smesso di vedere Dart come rimpiazzo di JavaScript ed hanno invece cominciato ad orientarlo come linguaggio di programmazione verso lo sviluppo di applicazioni con Flutter.

― Recap sui punti importanti della AOT

Finora ci siamo spesso riferiti a Flutter come un framework per lo sviluppo di applicazioni mobile, ma che cos'è un framework di preciso?

Possiamo pensare ad un framework come una sovrastruttura di una libreria o, per dirla in maniera più semplice, come a una libreria molto grande che ci permette di costruirci sopra il nostro software.

Immaginiamo una libreria come un insieme di funzioni raccolte all'interno di uno o più file che esegue operazioni specifiche e ben definite, come la gestione delle date, la comunicazione con un database o la gestione di chiamate HTTP.

Un framework è ugualmente un insieme di funzioni raccolte all'interno di file, come nel caso della libreria, però il cui scopo è quello di facilitarci la creazione di applicazioni sopra di lui.

In che modo ci facilita lo sviluppo?

Costringendoci a strutturare il nostro codice seguendo delle linee guida decise dal framework e offrendoci delle librerie già pronte per risolvere specifiche necessità.

Tieni presente che, molte volte, viene offerto un vero e proprio ecosistema di librerie scritte appositamente per integrarsi con il framework, proprio come le migliaia di librerie di Flutter.

Quindi, ricapitoliamo:

Flutter sarà alla base di tutte le nostre applicazioni, essendo un framework, su cui sopra ci andremo a costruire, utilizzando all’occorrenza anche delle librerie esterne, ad esempio per gestire chiamate HTTP, la connessione al database locale SQLite oppure per criptare delle password.

Il framework di Flutter è composto principalmente da tre livelli.

Prima però, è importante che tu abbia ben in mente perché è fondamentale capire com’è strutturato il framework di Flutter:

ti sarà utile per avere la padronanza sulla struttura del tuo codice e su come estendere le funzionalità di Flutter con codice nativo.

Ad esempio, quando avrai bisogno di interfacciarti con un database o GoogleMaps o, ancora, nel caso in cui dovrai integrare Flutter in un’app nativa.

Ma andiamo con ordine.

― Panoramica dell'architettura di Flutter

Al primo livello troviamo il codice che noi andremo scrivere per la nostra applicazione e tutte le librerie Flutter e Dart che andremo a utilizzare, che siano interne (come le librerie Material per la grafica ed i componenti di default) o esterne (come, ad esempio, una libreria che implementa un componente grafico specifico).

Di fatto, è il livello che uno sviluppatore utilizza nel 95% dei casi.

Al secondo livello, che è un po' il nucleo, troviamo il motore di Flutter.

Qui all'interno abbiamo sia il motore grafico che disegna tutte le nostre applicazioni sullo schermo, ovvero SKIA, sia tutto un insieme di servizi per far funzionare Flutter correttamente, come il Dart Runtime o i canali di comunicazione con il codice nativo, indispensabili per interfacciarsi con le API native e, quindi, con le funzionalità native del dispositivo, come ad esempio l'NFC.

Infine, il terzo livello è quello più basso che possiamo trovare all'interno del framework di Flutter, in cui abbiamo principalmente codice nativo che permette alle nostre applicazioni Flutter di sfruttare appieno tutte le funzionalità del dispositivo e di poterla esportare per distribuirla sugli store.

Concludiamo questa lunga guida introduttiva con Flutter tornando a ciò che sta alla base di Flutter stessa:

Dart, il linguaggio di programmazione.

Dart è un linguaggio di programmazione molto semplice e estremamente familiare a tutti quei sviluppatori che hanno già familiarità con linguaggi come Java e C#.

Dart, infatti, è un linguaggio ad oggetti, ciò significa che si utilizza massicciamente il concetto di classe e di ereditarietà, ma allo stesso tempo ci permette di utilizzare dei costrutti funzionali, come il map e il filter su liste, l'utilizzo di lambda ed altro ancora.

Cosa comporta questo?

In breve, ci permette di scrivere meno codice e in maniera più dichiarativa anziché imperativa.

Dart è stato inventato da Google per sostituire JavaScript come linguaggio di programmazione nel browser:

la prima versione è stata rilasciata nel 2011 e, dato che doveva servire per sostituire JavaScript come linguaggio di programmazione nel browser, era senza tipi, ovvero dinamica.

― Dash, la mascotte del linguaggio Dart e del framework Flutter

Per eseguire del codice Dart all'interno del browser gli sviluppatori avevano creato la Dart Virtual Machine, un concetto già familiare agli sviluppatori Java e C#.

Questa Dart Virtual Machine, che possiamo immaginare come una scatola nera che prende del codice Dart e lo esegue, veniva inclusa in automatico all'interno delle versioni di Chrome di quell'epoca e compilava il codice Dart in modalità JIT.

Google si aspettava che anche altri browser, come Mozilla Firefox ed Internet Explorer, avrebbero adottato questa Dart Virtual Machine, ma così non fu.

Forse anche per colpa, o merito, del progetto TypeScript di Microsoft, che venne impostato anch’essi come linguaggio di programmazione migliore di JavaScript, ma, a differenza di Dart che invece si proponeva come completo sostituto, ancora compatibile JavaScript.

Dopo il fallimento della prima versione di Dart, gli sviluppatori di Google decisero di rivedere totalmente il progetto, collaborando a stretto contatto con gli sviluppatori del framework di Flutter, che stava nascendo nello stesso periodo.

Questo ha portato, nel 2018, al rilascio della seconda versione di Dart, che presentava dei cambiamenti drastici al linguaggio di programmazione:

prevedeva l'utilizzo di tipi, diventato così un linguaggio staticamente tipato.

Dart è oramai principalmente utilizzato all'interno del framework di Flutter, anche se è comunque possibile creare delle command line interface (ovvero dei mini-programmi da eseguire all'interno del terminale) oppure per creare dei server che espongono delle API, direzione che reputiamo molto interessante e che probabilmente ci riserverà delle sorprese in futuro.

La versione 2 di Dart ha segnato anche un passaggio del compilatore dalla modalità JIT alla modalità AOT, il che ha portato numerosi benefici dal punto di vista delle performance.

Tuttavia gli sviluppatori di Dart hanno comunque mantenuto il compilatore JIT e quindi Dart si ritrova ad avere due compilatori diversi:

Come anticipato nella sezione specifica su JIT e AOT, la modalità JIT viene utilizzata durante lo sviluppo di applicazioni Flutter mentre la modalità AOT viene utilizzata per l'esportazione e la pubblicazione delle applicazioni sugli store.

Speriamo di essere stati esaustivi e di averti dato tutte le info necessarie per farti un’idea chiara di cos’è Flutter e delle sue potenzialità.

Fudeo è nato nel 2019, agli albori di Flutter, proprio perché, intuite le potenzialità, ci siamo decisi a voler favorire e velocizzare la diffusione di questo framework tra gli sviluppatori italiani.

Con questa guida introduttiva ci auguriamo di aver aggiunto uno strumento in più in favore alla nostra missione.

Noi, come migliaia di altri sviluppatori in tutto il mondo, siamo entusiasti di questo framework e crediamo sinceramente che, con il tempo, diventerà ancora e sempre di più una competenza in grado di impattare in maniera sostanziale sul nostro lavoro.

Il numero di aziende che hanno adottato Flutter (o vorrebbero farlo) sono tante e in costante crescita.

Sicuramente c’è più richiesta di quanto il mercato degli sviluppatori riesca a offrire e questa è una grande opportunità.

Per qualsiasi dubbio o richiesta puoi contattarci tramite il tasto Contattaci che trovi su Fudeo.it oppure su LinkedIn, sarà un piacere risponderti.

Ti auguriamo il meglio per la tua carriera,

il team Fudeo.