Nella fase 2 del mio bootcamp di ingegneria del software, abbiamo iniziato a imparare la libreria/framework React.JS. Dopo aver completato numerosi laboratori e aver assistito a lezioni, ho iniziato a notare la scalabilità dell'utilizzo di React invece del semplice JavaScript.

Programmazione dichiarativa

Quando si codifica in React, si sta programmando in modo dichiarativo. Ciò significa che stiamo descrivendo ciò che un programma dovrebbe realizzare e il modo in cui viene realizzato è determinato dal programma. In termini di semplice JavaScript, dovresti programmare imperativamente, il che significa che diamo esplicitamente le azioni che un programma dovrebbe intraprendere e descriviamo come un programma dovrebbe utilizzare tali azioni.

const header = document.createElement('h1');
header.textContent = "Hello World!";
header.className = "main";

const container = document.querySelector('#container')
container.append(header)

// JSX syntax
const header = <h1 className="main">Hello from React!</h1>;

ReactDOM.render(header, document.querySelector("#container"));

Componenti

React funziona strutturando le nostre applicazioni utilizzando componenti. I componenti sono sezioni della nostra pagina Web che consentono loro di gestire e ricevere i propri dati e stili. L'uso di componenti consente alle applicazioni di essere altamente riutilizzabili e scalabili, pur mantenendo la stessa funzionalità.

Conclusione

Un'analogia che ho imparato in classe è che imparare React è come imparare come funziona un'auto. Le auto hanno molte parti che sono fondamentali per produrre un veicolo funzionale. Può essere utile conoscere il funzionamento del motore, della trasmissione e delle sospensioni, ma ciò che può essere più necessario è capire come usare correttamente i pedali, sterzare il volante e cambiare le marce.