React-Komponenten entwickeln und verstehen

Webentwicklung mit React

React meistern: ein umfassender Blick auf die JavaScript-Bibliothek

Grundlagen der Anwendung von React -
am Codebeispiel lernen

React ist eine Library zum Erstellen von komponentenbasierten Benutzerschnittstellen. Damit können wir Single-Page Anwendungen oder native Anwendungen entwickeln oder auch nur einen kleinen Bereich einer statischen Webseite mit etwas mehr Interaktivität ausstatten. In diesem Tutorial lernst du die Grundlagen, die du für jeden dieser Anwendungsfälle gebrauchen kannst: Von der Erstellung der ersten Komponenten über Komponentenzustand, Auslagerung der Geschäftslogik, Testen und Debuggen zu Hooks, Web Components und weiteren Themen. Die einzelnen Themen werden anhand von einem durchgängigen Codebeispiel erklärt und es gibt viele Gelegenheiten, das gelernte selbst zu üben.

Zielgruppe

Unsere Tutorialreihe ist für jeden, der die vielfältigen Anwendungsmöglichkeiten von React kennenlernen möchte oder sein Vorwissen zum Thema erweitern möchte. Die Vorträge bilden die theoretische Basis und die Demo und Übungen untermauern das Wissen in der Praxis. Ideal für Einsteiger und Fortgeschrittene, um anhand eines praktischen Beispiels React besser einzusetzen zu lernen. Jede Woche veröffentlichen wir ein neues der 5 Kapitel.

Webentwicklung mit React

Lernziele

Einstieg in die Webentwicklung mit React
  1. Intro
  2. Mit React loslegen
  3. Zustand, Props und Interaktivität
  1. Testen und Debuggen
  2. In React Denken
  1. Zustand und Effects
  2. Geschäftslogik auslagern
  3. Conditionals und Listen
  1. Styling
  2. Rendering und Zustand verstehen
  3. Hooks, DOM Zugriff, …
  1. Navigation, Routing, Frameworks
  2. Web Components
  3. Fazit
Individuelle Meilensteine

Individuelle Meilensteine

Optimaler Einstieg

Optimaler Einstieg

Praxisnahes Expertenwissen

Praxisnahes Expertenwissen

David Tanzer

David Tanzer - Freelancer

David Tanzer ist seit 2006 als freiberuflicher Berater, Trainer und Softwareentwickler tätig. Im Rahmen dieser Tätigkeit beschäftigt er sich mit Softwarequalität in agilen Projekten, also unter anderem mit den Themen Architektur in agilen Projekten, Softwaredesign, agiles Anforderungsmanagement und Testen. David „spricht“ mehrere Programmiersprachen und ist als Entwickler sowohl im Frontend als auch im Backend – vor allem von Webanwendungen – zu Hause.

Das Highlightevent 2025

"Das größte und relevanteste Event, das wir je gemacht haben!"

Sebastian Meyen COO entwickler.de

Erlebe die Zukunft der Programmierung, Softwarearchitektur, Generative AI, DevOps und IT Security.
Sei live dabei und feiere mit uns 30 Jahre Software Know-how

entwickler Summit

Jetzt Fullstack Member werden & Tutorial starten

Mach den nächsten Schritt
mit der Fullstack Membership!

Einzelnutzer

249,90 € im Jahr

Teams mit 3-15 Nutzern

ab 116,60 € im Jahr*

*Preis pro Nutzer zzgl. MwSt.

Du bist bereits ein Fullstack Member? Dann logge dich auf entwickler.de ein und starte sofort dein nächstes Tutorial! Jetzt starten!