In Phase 2 meines Software-Engineering-Bootcamps haben wir begonnen, die Bibliothek/das Framework React.JS zu lernen. Nach Abschluss zahlreicher Labs und der Teilnahme an Vorlesungen bemerkte ich die Skalierbarkeit der Verwendung von React anstelle von einfachem JavaScript.

Deklarative Programmierung

Beim Codieren in React programmieren Sie deklarativ. Das bedeutet, dass wir beschreiben, was ein Programm erreichen soll, und wie es erreicht wird, wird durch das Programm bestimmt. In Bezug auf einfaches JavaScript würden Sie zwingend programmieren, was bedeutet, dass wir explizit Aktionen angeben, die ein Programm ausführen soll, und beschreiben, wie ein Programm diese Aktionen verwenden soll.

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"));

Komponenten

React funktioniert, indem wir unsere Anwendungen mithilfe von Komponenten strukturieren. Die Komponenten sind Abschnitte unserer Webseite, die es ihnen ermöglichen, ihre eigenen Daten und Stile zu verwalten und zu erhalten. Die Verwendung von Komponenten ermöglicht eine hohe Wiederverwendbarkeit und Skalierbarkeit von Anwendungen bei gleicher Funktionalität.

Fazit

Eine Analogie, die ich aus dem Unterricht gelernt habe, ist, dass das Erlernen von React wie das Erlernen der Funktionsweise eines Autos ist. Autos haben viele Teile, die für die Herstellung eines funktionsfähigen Fahrzeugs von grundlegender Bedeutung sind. Es kann nützlich sein zu wissen, wie der Motor, das Getriebe und das Aufhängungssystem funktionieren, aber was möglicherweise wichtiger ist, ist zu verstehen, wie man die Pedale richtig benutzt, das Lenkrad lenkt und die Gänge wechselt.