Reagire contro Angular: perché React è molto più popolare?

Angular e React sono entrambi popolari quando si tratta di sviluppare applicazioni web. Tuttavia, la popolarità di React è aumentata più di quella di Angular di recente.

Diamo un'occhiata alle prestazioni, alla velocità, al volume e ai dettagli del codice di ciascun framework e in che modo questi potrebbero aver influenzato la loro popolarità.

Cos'è l'angolare?

Angular è una popolare piattaforma di sviluppo web puoi usarlo per creare applicazioni web dinamiche o applicazioni a pagina singola. È arrivato per la prima volta nel 2010 come AngularJS e si è sviluppato in Angular 2 nel 2016.

Come molti altri framework, Angular fa un uso massiccio di componenti. Questi sono essenzialmente elementi HTML riutilizzabili che puoi creare. Puoi quindi importare e utilizzare questi elementi personalizzati su più pagine dell'app.

Le aziende che utilizzano Angular includono Nike, UpWork, Forbes, HBO, Sony e Google. Le app popolari create con Angular includono PayPal, Upwork, Microsoft Office Home e Overleaf. Anche diversi prodotti Google, inclusi Google Voice e Gmail, utilizzano il framework.

Cos'è la reazione?

React è una libreria JavaScript utilizzato anche per lo sviluppo di applicazioni web. Come Angular, anche React si basa sull'uso di componenti.

Ciascun componente gestisce lo stato dei propri dati e riesegue il rendering dell'app in base alle modifiche a questi stati. Questo rende React molto adatto per la creazione di app con dati dinamici e in continua evoluzione.

Molte società di social media utilizzano React, inclusi Facebook, Instagram e Skype. Altre società che hanno creato app utilizzando React includono Uber, AirBnB, Netflix e Amazon.

Popolarità tra React vs Angular

Come visto in Pagina Github di React, React ha 185.000 stelle, oltre 1.500 collaboratori e oltre 9,5 milioni di utenti. Pagina Github di Angular mostra 80.500 stelle, oltre 1500 collaboratori e oltre 2,2 milioni di utenti.

Secondo Xing, Huang e Lai, React ha avuto 9,2 milioni di download rispetto ad Angular 2 con 2,6 milioni di download a maggio 2018.

Sebbene entrambe le piattaforme abbiano i loro punti di forza, questi dati mostrano che React è la più popolare delle due. Questi due framework gestiscono cose come le prestazioni, la struttura dell'app o le importazioni di moduli in modo diverso. Tali differenze possono aiutare a spiegare la loro rispettiva popolarità.

Lingua

Angular utilizza una combinazione di HTML, CSS e TypeScript. I file HTML visualizzano gli elementi dell'interfaccia utente, il CSS contiene lo stile e il TypeScript contiene la logica del codice.

React utilizza JavaScript e CSS. Un file JavaScript può contenere la logica del codice che rappresenta un componente. Il componente può anche avere un file CSS corrispondente.

Nel file JavaScript, puoi restituire il codice HTML associato a quel componente.

Moduli e Importazioni

Puoi installare e configurare Angular utilizzando lo strumento Angular CLI. Dovrai anche installare Node.js. Durante questo processo, puoi configurare l'app per includere il routing, un tipo di foglio di stile o persino Bootstrap.

L'app Angular viene fornita con diversi moduli pronti all'uso. Sebbene ciò renda l'app più gonfia, significa anche che offre più funzionalità predefinite che non devi installare individualmente.

React richiede anche Node.js. Puoi eseguire un semplice comando nella riga di comando per creare l'app React.

Successivamente, dovrai aggiungere manualmente tutti i moduli extra di cui hai bisogno. Ciò ti assicura di avere solo i moduli di cui hai bisogno nell'app, rendendola meno gonfia di Angular.

Curva di apprendimento

Angular ha una struttura specifica in termini di utilizzo di TypeScript e le sue funzioni Angular. Ciò significa che se vuoi imparare Angular, dovrai anche imparare il linguaggio TypeScript stesso, insieme al framework Angular.

TypeScript e JavaScript sono estremamente simili nella loro sintassi. Tuttavia, Angular ha una struttura particolare che segue all'interno del file TypeScript. Ad esempio, definisce il proprio ordine di esecuzione del codice, utilizzando il suo AfterViewInit o ngOnInit funzioni.

Con React, gli sviluppatori che già conoscono JavaScript possono entrare subito e iniziare a creare applicazioni web. La curva di apprendimento per React include principalmente la comprensione di come funziona la gestione dello stato.

Velocità e prestazioni

React carica un'app più velocemente nel browser, rispetto ad Angular. Questo perché utilizza un DOM virtuale, un'implementazione più leggera che genera semplicemente elementi DOM in base ai componenti che scrivi.

Scala

Secondo Xing, Huang e Lai, React è adatto per applicazioni web di piccola e media scala. Angular, tuttavia, può essere molto potente quando si tratta di applicazioni più grandi e complesse.

Suggeriscono inoltre che sebbene Angular sia più complesso da imparare, le funzioni aggiuntive che fornisce possono renderlo più adatto a progetti commerciali più grandi. Ciò può includere progetti che richiedono agli sviluppatori di risolvere problemi aziendali difficili.

Implementazione del codice specifico

Sia Angular che Reach hanno le loro caratteristiche uniche.

Angular ti offre la possibilità di utilizzare direttive strutturali integrate come *ngIf o *ngFor. Un esempio interessante di ciò è se è necessario aggiungere un ciclo for all'interno di un file HTML per creare un div per ogni utente.

React utilizza la gestione dello stato. Ciascun componente gestisce lo stato dei dati ed esegue nuovamente il rendering dell'app in base alle modifiche di questi stati.

const [item, updateItem] = useState([]);

Associazione dati

React utilizza l'associazione unidirezionale, il che significa che puoi passare i dati solo in una direzione (i dati vanno dalla logica del codice agli elementi HTML o viceversa).

Angular utilizza l'associazione dati a due vie, il che significa che puoi passare i dati sia dal file HTML al file TypeScript e viceversa, utilizzando una singola variabile. Questo può essere molto utile per app complesse.

classe di esportazione AppComponent {
 qualche valore = "valore predefinito"
}

Un avvertimento con questo è che fa sì che Angular controlli costantemente gli aggiornamenti in entrambi i file. Questo crea tempi di caricamento e rendering aggiuntivi. La quantità di dati che Angular deve controllare aumenta con la complessità dell'applicazione.

La popolarità duratura di React

Sia React che Angular sono popolari quando si tratta di sviluppare soluzioni basate sul web. Entrambi hanno i loro punti di forza e funzionalità specifiche.

Angular stesso può richiedere di più per capire e iniziare. Tuttavia, può essere uno strumento estremamente potente quando si tratta di sviluppo web.

React sembra essere la piattaforma più semplice e veloce che puoi utilizzare per iniziare a creare applicazioni web. Questo è probabilmente il motivo principale per cui è la piattaforma di sviluppo con il maggior numero di download e il più alto utilizzo.

Come creare la tua prima app React con JavaScript

Leggi Avanti

Circa l'autore