Webentwicklung mit React
React meistern: ein umfassender Blick auf die JavaScript-Bibliothek
Jede Woche eine neue Lektion
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.
Lernziele
Einstieg in die Webentwicklung mit React
- Intro
- Mit React loslegen
- Zustand, Props und Interaktivität
Testen und Frontendarchitektur
- Testen und Debuggen
- In React Denken
Zustand und Logik
- Zustand und Effects
- Geschäftslogik auslagern
- Conditionals und Listen
Rendering
- Styling
- Rendering und Zustand verstehen
- Hooks, DOM Zugriff, …
Navigation und Web Components
- Navigation, Routing, Frameworks
- Web Components
- Fazit
Individuelle Meilensteine
Optimaler Einstieg
Praxisnahes Expertenwissen
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
Software Know-How für deinen Erfolg!
- Wöchentlich interaktive und exlusive Online Live-Events
- Step-by-Step Tutorials zu aktuellen Themengebieten
- Aktuelles Kursangebot, kuratiert von unseren Experten
- Über 12.000 Fachartikel und umfangreiches Magazinarchiv
- 3x 100€ Rabatt pro Jahr auf Konferenzen und Trainings by entwickler.de
- 6 Monate Zugriff auf Ihre Konferenzsession inklusive
- ...mehr erfahren
Software Know-How für deinen Erfolg!
- Wöchentlich interaktive und exlusive Online Live-Events
- Step-by-Step Tutorials zu aktuellen Themengebieten
- Aktuelles Kursangebot, kuratiert von unseren Experten
- 6 Monate Zugriff auf Ihre Konferenzsession inklusive
- Über 12.000 Fachartikel und umfangreiches Magazinarchiv
- Bis zu 900 € Rabatt pro Jahr auf Konferenzen und Trainings by entwickler.de
- ...mehr erfahren
Fullstack-Abo für mehr als 15 Nutzern
Wir begleiten Sie durch die digitale Transformation zum Projekterfolg
- Wöchentlich interaktive und exlusive Online Live-Events
- Step-by-Step Tutorials zu aktuellen Themengebieten
- Aktuelles Kursangebot, kuratiert von unseren Experten
- 6 Monate Zugriff auf Ihre Konferenzsession inklusive
- Über 12.000 Fachartikel und umfangreiches Magazinarchiv
- Bis zu 25% Rabatt auf jede Konferenz und Trainingsteilnahme by entwickler.de
- Team Control Center zur Organisation Ihrer Nutzer:innen
- Teamfortschrittanzeige zur Motivation Ihrer Teams
- ...mehr erfahren
Fullstack-Abo abschließen und teilnehmen
*zzgl. MwSt.
Fullstack-Abo abschließen und am Tutorial teilnehmen
Jetzt 40 Euro sparen – 12 Monate Zugriff, nur 10 Monate zahlen
- Wöchentlich interaktive und exlusive Online Live-Events
- Step-by-Step Tutorials zu aktuellen Themengebieten
- Aktuelles Kursangebot, kuratiert von unseren Experten
- Über 12.000 Fachartikel und umfangreiches Magazinarchiv
- 3x 100€ Rabatt pro Jahr auf Konferenzen und Trainings by entwickler.de
- 6 Monate Zugriff auf Ihre Konferenzsession inklusive
- ...mehr erfahren
Fullstack-Abo für bis zu 15 Nutzer
Das Know-how für jeden Software Professional
- Wöchentlich interaktive und exlusive Online Live-Events
- Step-by-Step Tutorials zu aktuellen Themengebieten
- Aktuelles Kursangebot, kuratiert von unseren Experten
- 6 Monate Zugriff auf Ihre Konferenzsession inklusive
- Über 12.000 Fachartikel und umfangreiches Magazinarchiv
- Bis zu 900 € Rabatt pro Jahr auf Konferenzen und Trainings by entwickler.de
- ...mehr erfahren
Fullstack-Abo für mehr als 15 Nutzern
Wir begleiten Sie durch die digitale Transformation zum Projekterfolg
- Wöchentlich interaktive und exlusive Online Live-Events
- Step-by-Step Tutorials zu aktuellen Themengebieten
- Aktuelles Kursangebot, kuratiert von unseren Experten
- 6 Monate Zugriff auf Ihre Konferenzsession inklusive
- Über 12.000 Fachartikel und umfangreiches Magazinarchiv
- Bis zu 25% Rabatt auf jede Konferenz und Trainingsteilnahme by entwickler.de
- Team Control Center zur Organisation Ihrer Nutzer:innen
- Teamfortschrittanzeige zur Motivation Ihrer Teams
- ...mehr erfahren
Fullstack-Abo abschließen und teilnehmen
Fullstack-
Abo
198,80 € / Jahr
Jetzt 40 Euro sparen
12 Monate Zugriff, nur 10 Monate zahlen
Fullstack-Abo abschließen und am Tutorial teilnehmen
Das Know-how für jeden Software Professional
- Wöchentlich interaktive und exlusive Online Live-Events
- Step-by-Step Tutorials zu aktuellen Themengebieten
- Aktuelles Kursangebot, kuratiert von unseren Experten
- Preisvorteile auf Konferenzen und Trainings by entwickler.de
- Über 12.000 Fachartikel und umfangreiches Magazinarchiv
- ...mehr erfahren