R4D022: React lernen

100Days of Code Challenge, ich bin zurück.

Hier zeige ich euch was ich heute so gelernt und entwickelt habe.

React lernen

Aktuell lerne ich ReactJS, da ich in Zukunft ein Projekt mit React, Java und einer Datenbank umsetzten will.

Ich lerne React mit Hilfe der Online Doku, einen Buch und mit den Udemy Kurs: React – The Complete Guide 2023 (incl. React Router & Redux) .

Im Kurs wird als Testprojekt einen Ausgabentracker verwendet, diesen möchte ich umsetzten und erweitern mit meinen eigenen Ideen.

Start

Mit der Hilfe von Create React App habe ich das Projekt erstellt und beginne jetzt mit den ersten Komponenten.

Sass hinzufügen

Ich arbeite gerne mit Sass und möchte dieses jetzt in React nutzen.

Dazu installiere ich zuerst sass:

$ npm install sass

Die Dateien und alle anderen Dateien werden automatisch kompiliert, wenn sie mit der Erweiterung .sass .scss importiert werden.

Quelle: https://create-react-app.dev/docs/adding-a-sass-stylesheet

Arbeiten mit „Props“

In React teilt man Daten zwischen Komponenten mit Hilfe von props, hierbei wird immer ein key und ein value übergeben.

Datum formatieren

In React nutzen wir ganz normale JS Logik, so können wir das Datum formatieren und eine schöne Ausgabe basteln.

Fazit

Die erste Komponente ist erstellt und React macht Spaß.