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.

Wie kann ich teilnehmen?

Fullstack-Abonennt:innen haben kostenlosen Zugriff auf dieses Tutorial. Logge dich auf entwickler.de ein und komme direkt zu deinem Tutorial unter Akademie. Zum Login

Nur solange der Vorrat reicht

Kostenloses Ticket im Wert von 749 € inklusive

Zu jedem Fullstack-Abo kannst du jetzt ein kostenloses Ticket zum entwickler Summit 2025 bekommen.

Mehr als 60.000 Tech Professionals
lernen mit entwickler.de

Mach den nächsten Schritt
mit dem Fullstack-Abo!

Einzelnutzer

249,90 € im Jahr

Teams mit 3-15 Nutzer

ab 116,60 € im Jahr*

Preis pro Nutzer zzgl. MwSt.

Wähle dein Fullstack-Abo

Einzelnutzer Fullstack-Abo

+100 € Rabatt auf drei Buchung von Konferenz und Trainings-Events

249,90 €

im Jahr zzgl. MwSt

3 Nutzer Fullstack Team-Abo

+150 € Rabatt auf jede Buchung von Konferenz und Trainings-Events

449,00 €

im Jahr zzgl. MwSt.

5 Nutzer Fullstack Team-Abo

+200 € Rabatt auf jede Buchung von Konferenz und Trainings-Events

699,00 €

im Jahr zzgl. MwSt.

10 Nutzer Fullstack Team-Abo

+250 € Rabatt auf jede Buchung von Konferenz und Trainings-Events

1.279,00 €

im Jahr zzgl. MwSt.

15 Nutzer Fullstack Team-Abo

+300 € Rabatt auf jede Buchung von Konferenz und Trainings-Events

1.749,00 €

im Jahr zzgl. MwSt.

Unternehmenslösung

entwickler Elevate - Blended Learning Lösung für Unternehmen

Auf Anfrage