1- Minuten- Programmier- Frage – Was genau macht React.js – die java-Script-Bibliothek – Was kannst du damit machen?

Jacky sitzt mal wieder mit der Riesenspinne Lilly 10 Meter unter dem Haus der alten Hexe, wo sie sich immer erst durch einen alten langen Tunnel begeben muss, um überhaupt mit der Riesenspinne über Programmierung zu sprechen. Die Riesenspinne fragt sie heute: Was genau ist eigentlich React.js und was kann man damit machen, ich kapiere das nicht? Und wo ist diese Technik genau einzuordnen?

Was würdest du ihr antworten? Denke 1 Minute darüber nach und klick dann auf Lösung, wenn du schon einiges über React.js weißt.

Zunächst mal muss man hier sagen, dass React.js eine Java-Script-Bibliothek ist.

Wo könnte man so etwas benötigen ?

Praktisches Beispiel: – Einfach erklärt

Nehmen wir an, du bist auf Jobsuche:

Nehmen wir an, du bewirbst dich auf einen neuen Job, als Frontend-Entwickler. Das heißt, du hast dir programmieren selber beigebracht und fühlst dich fit genug einzusteigen, dann ist es gut möglich, dass du in der Stellenanzeige diese Techniken finden wirst. HTML, als Markup-Sprache, CSS, als Stylesheet-Sprache und natürlich java-Script. Zusätzlich wird eben häufig noch erwartet, dass du in React.js fit bist oder in Vue.js, oder Angular, wobei die letzteren beiden, VUE.js und Angular, Frameworks sind, also „Programmiergerüste“. Wenn du außer React.js natürlich auch in andere Techniken fit bist, umso besser.

Was ist sonst noch wichtig?

Wichtig ist natürlich, wenn du dich irgendwo bewirbst und dir programmieren selber beigebracht hast, dass du dir ein sogenanntes Web-Portfolio codest. Das heißt, eine Webseite, auf der du deine Skills und alles was du so kannst, präsentierst. Außerdem würde ich dir raten, dass du dir unbedingt einen Github-Account zulegst, auf den du all deine besten Projekte, egal ob Webseiten, Shops, Spiele, oder was du sonst programmiert hast, den Code dort in dein Repository lädtst ( Ein Repository, ist eine Art Verzeichnis, auf den du Code hochladen kannst. Schau dir dazu das 10 min – Video an. Es ist sehr wichtig, dass du weißt, wie man Code in ein Repository lädt und wie das ganze dann aussieht. Weitere Bewerbungstipps findest du im Cyberspace 5 hier

So, jetzt weißt du, wo dir das ganze auf jeden Fall begegnen könnte. Wenn du in die Frontend-Entwicklung einsteigen möchtest, dann findest du im Cyberspace 2 eine Schritt für Schritt Anleitung und einen genauen Lernplan, was du lernen solltest. In die Frontend-Entwicklung einzusteigen als Programmier-Anfänger ist ideal.

Definition von React.js

React.js, oft einfach als React bezeichnet, ist eine JavaScript-Bibliothek zur Entwicklung von Benutzeroberflächen für Webanwendungen. Sie wurde von Facebook entwickelt und ist Open Source. React ermöglicht die Erstellung von komponentenbasierten Benutzeroberflächen, bei denen die UI in unabhängige, wiederverwendbare Bausteine, sogenannte Komponenten, aufgeteilt wird.

Die wichtigsten Merkmale von React sind:

1. Komponenten: React-Anwendungen bestehen aus Komponenten, die unabhängige und wiederverwendbare Teile des Benutzeroberflächen-Codes darstellen. Komponenten können hierarchisch strukturiert werden, um komplexe UIs zu erstellen.
2. Virtual DOM: React verwendet einen sogenannten Virtual DOM (virtuelles Document Object Model), um effizient Änderungen an der Benutzeroberfläche zu verwalten. Anstatt das gesamte DOM bei jeder Änderung zu aktualisieren, erstellt React eine virtuelle Repräsentation des DOM und aktualisiert nur die tatsächlich geänderten Teile.
3. Einweg-Datenbindung: React verwendet eine Einweg-Datenfluss-Architektur. Daten werden von Elternkomponenten an ihre Kinderkomponenten weitergegeben, und die Datenflussrichtung ist eindeutig definiert. Dadurch wird die Datenverwaltung und -aktualisierung vereinfacht.
4. JSX: React verwendet JSX (JavaScript XML), eine Syntaxerweiterung von JavaScript, die es ermöglicht, HTML-ähnlichen Code in JavaScript-Dateien zu schreiben. JSX macht den Code lesbarer und erleichtert die Arbeit mit React-Komponenten.
5. React Hooks: Hooks sind Funktionen, die es Entwicklern ermöglichen, Zustand und Lebenszyklusfunktionen in funktionalen Komponenten zu verwenden. Sie wurden mit React 16.8 eingeführt und bieten eine elegante Möglichkeit, Zustand und Funktionalitäten in funktionalen Komponenten zu verwalten.

Wo kann man den Code schreiben? Am besten du arbeitest mit Visual-Studio-Code.

Wie kann ich React.js lernen?

Wie kann man React.js lernen? Schau mal unter dem Anfänger-Space 2 unter Schritt 4, . Hier geht es um Frameworks und Bibliotheken, dort findest du einige Verlinkungen.

Hilfe, ich bin neu hier… Wie kann ich cool starten?

Letzter Tipp: Wenn du in die Frontend-Entwicklung einsteigst, dann lerne solche Bibliotheken und Frameworks erst zuletzt, sonst könnte es schnell zuviel werden vom Lernstoff her. Lade dir erst Visual-Studio-Code runter, dann lernst du HTML, dann CSS, dann Java-Script …. Später dann Bibliotheken / Frameworks. Du findest alles dazu im Cyberspace2. Check auch den Lernplan auf der Seite.