Motivation
Im Rahmen meines neuen Jobs als Full-Stack Developer, wollte ich meine React Kenntnisse auffrischen bzw. Neues dazu lernen. Mir wurde der Udemy Kurs React - the complete guide empfholen. Die praktische Umsetzung einiger Inhalte ist mir sehr wichtig, weshalb ich zwei kleine Anwendungen - eine mit React und eine mit JavaScript - geschrieben habe um die Unterschiede kennen zu lernen. Aber zuerst ein wenig Theorie zu React.
Entstehung von React
React wurde 2013 von Facebook veröffentlicht und ist eine JavaScript Bibliothek, welche die Entwicklung von User Interfaces erleichtern soll. Im Rahmen des oben genannten Kursen habe ich mir eine eigene Anwendung ausgedacht, welche ich zuerst ohne React (also rein mit HTML, CSS und JavaScript) und anschließend mit React geschrieben habe.
”Pokedex” light
Die Anwendung bezieht Pokémon von der PokéApi und stellt diese dar, siehe Bild unten. Von der API beziehe ich alle benötigten Daten wie das Bild, den Namen und die ID im Pokedex. Es werden im Standard die ersten 20 Pokémon angezeigt. Mit einem Klick auf den Button “Mehr laden” können die nächsten 20 Pokémon von der API geholt werden.
Impressionen
Was habe ich gelernt
- die Trennung von Darstellung, Verhalten (Funktionen) und Daten in React finde ich sehr gut und hat Komplexität reduziert
- komplexere Anwendungen scheinen mit React deutlich wartbarer zu sein
- die Anfänge der Webentwicklung müssen wirklich hart gewesen sein