

Unsicher, wo
anfangen?
Track
Zertifikat
Werden Sie Ein React-Entwickler
4.3+
★★★★★
★★★★★
93 Bewertungen
Intermediate
Beherrschen Sie die Kunst, dynamische und interaktive Benutzeroberflächen für Webanwendungen als erfahrener React-Entwickler zu erstellen. Wenn Sie JavaScript gut verstehen, ist es eine kluge Entscheidung, sich auf die Beherrschung von React zu konzentrieren. Mehr anzeigen
React
Boost your Tech Skills!
with up to 55% off
What you'll get with our subscription:
Access to 85+ top-rated courses
AI-driven Learning
Workspaces for practicing your skills
Personalized study tracks
Certificates of completion
Training 2 or more people?
Get your team access to Codefinity courses anytime, anywhere.
Try Codefinity TeamsWhat you will learn
- Build reusable UI components using React and JSX.
- Style your React applications with inline styles, CSS modules, and external stylesheets.
- Manage state and side effects efficiently with React Hooks and Context.
- Navigate and structure multi-page applications using React Router.
- Handle advanced state management in React apps with Redux Toolkit.
- Develop and deploy production-ready applications using Next.js.
- 142 chapters
- 22 hours
- 98 tasks
Trusted by employees of leading companies
Learning track content
Module 1 / React Mastery
Erhalten Sie ein Verständnis für die Kernprinzipien von React. Sie lernen JSX (JavaScript XML), den Aufbau wiederverwendbarer UI-Komponenten und das Rendern von Elementen kennen. Zusätzlich erfahren Sie mehr über die Bedeutung der Datenerfassung und der bedingten Darstellung in React-Anwendungen. Am Ende dieses Abschnitts verfügen Sie über ein solides Fundament der wesentlichen Konzepte von React, das Sie auf die weiterführenden Themen in den folgenden Abschnitten vorbereitet.
Untersuchen Sie die verschiedenen Methoden zur Hinzufügung von Styles in React-Anwendungen. Sie lernen, wie Sie Styles auf einzelne Komponenten anwenden, dynamische Styles nutzen und einen skalierbaren sowie wartbaren Styling-Ansatz in Ihren Projekten beibehalten.
Leistungsstarke Funktionen in der modernen React-Entwicklung. Hooks revolutionieren die Entwicklung von Funktionskomponenten, indem sie eine prägnante und intuitive Möglichkeit zur Verwaltung von Zustand und zur Ausführung von Seiteneffekten bieten. Im Gegensatz dazu ermöglicht Context das Teilen von Daten durch den Komponentenbaum, ohne Props weiterreichen zu müssen. Die Kombination von Hooks und Context ermöglicht ein effizientes Zustandsmanagement und eine vereinfachte Datenweitergabe in React-Anwendungen.
Schritt-für-Schritt-Anleitung zum Start eines praxisnahen React-Projekts. Von der Einrichtung der Entwicklungsumgebung über das Verständnis der Projektorganisation bis hin zu wichtigen Tools – Sie erwerben das Wissen und die Sicherheit, um Ihre React-Reise zu beginnen.
Module 2 / React Router Grundlagen
Erlernen der theoretischen Grundlagen von Konzepten wie URL, Domain, Protokoll, Abfrageparametern und mehr. Verständnis der Bedeutung von Routing in Webanwendungen und der Notwendigkeit der React-Router-Bibliothek.
Erfahren Sie, wie eine vollständige React-Anwendung von Grund auf erstellt wird, mit der Möglichkeit, Inhalte anzuzeigen, die sich anhand der URL mithilfe der React-Router-Funktionalität anpassen.
Erkunden Sie die Verwendung von Query-Strings zur gemeinsamen Nutzung und Verwaltung des Anwendungszustands über URLs, arbeiten Sie mit verschiedenen Datentypen in Query-Parametern und nutzen Sie React Router für Navigation und Effekte basierend auf URL-Änderungen.
Module 3 / State Management mit Redux Toolkit in React
Erkunden Sie die grundlegenden Konzepte des State Managements und erfahren Sie, wie Sie die Leistungsfähigkeit des Redux Toolkit nutzen können. Wir führen Sie durch den Installationsprozess und unterstützen Sie bei der Erstellung Ihres ersten React-Projekts mit Redux Toolkit. Zusätzlich erwartet Sie eine Herausforderung, um Ihr Verständnis und Ihre Fähigkeiten zu testen.
Untersuchung der Integration von Redux in React-Anwendungen unter Berücksichtigung zentraler Konzepte: Actions, Reducer und der Redux Store. Enthält praxisnahe Beispiele und Code-Erklärungen zur Konfiguration eines Stores, Erstellung von Reducern und Verbindung von React-Komponenten über Hooks wie useSelector und useDispatch.
Verbessern Sie Ihre Fähigkeiten im State Management. In diesem praxisorientierten Workshop bearbeiten Sie reale Herausforderungen und sammeln praktische Erfahrungen mit dem Redux Toolkit für eine nahtlose Anwendungsentwicklung.
Module 4 / Next.js 14 Mastery Für Den Aufbau Moderner Webanwendungen
Wir besprechen die erforderlichen Vorkenntnisse für die Arbeit mit dem Next.js-Framework, die Kursinhalte sowie die zu entwickelnden Projekte.
Wir richten das Projekt ein, untersuchen Möglichkeiten zur Einbindung von Styling in unsere Anwendung und behandeln visuelle Aspekte wie Bilder, Schriftarten, Seiten und Layouts.
Erfahren Sie, wie Sie mühelos eine neue Ansicht für Ihre Anwendung erstellen und verwalten sowie mit einem integrierten Routingsystem nahtlos durch alle Seiten navigieren.
Bereitstellung der Next.js-App mit GitHub- und Vercel-Konten. Zusätzlich Einrichtung einer Datenbank zur Bereitstellung der erforderlichen Daten für die App.
Überlegungen zum klaren und effizienten Abrufen sowie zur Darstellung von Daten für den Benutzer.
Erfahren Sie, wie moderne Webfunktionen wie Paginierung, CRUD-Operationen, globale Suche, Formularvalidierung und weitere implementiert werden.
Implementierung der Authentifizierung in Next.js.
Requirements
- A computer with a browser - all browsers are supported.
- Your enthusiasm to enhance your tech skills.
- Everything else needed to start learning and practicing is already included in this course.
Over 200,000 5-star ratings and counting
Ruslan Kravchuk
Das Wichtigste ist zu lernen und nicht aufzugeben
Das Material ist gut, es gibt viel zu lernen, alles um besser zu werden und das Wichtigste ist, das zu lernen, was Sie wollen....
Matteo Comune
Dank ihnen lerne ich viel…
Dank ihnen lerne ich viel schneller, weil sie Ihnen helfen, alles von Grund auf zu verstehen. Es ist die beste Website, die Menschen ohne IT-Hintergrund hilft...
Yuliana Cadavid
großartiger Kurs für Anfänger
großartiger Kurs für Anfänger, sie testen Ihr Wissen in jeder Lektion...
Elpunzon
Ich genieße meine Codefinity-Erfahrung…
Ich genieße meine Codefinity-Erfahrung beim Lernen von Python. Die selbstgesteuerte Lernweise ist großartig, weil ich sie in meinen Zeitplan integrieren kann...
Alexandru Alexandru
Es ist schön, von Codefinity zu lernen
Es ist schön, von Codefinity zu lernen. Es ist einfach und hat gute Beispiele für das, was ich hier gelernt habe...
jacob Templet
Easy to follow along with and provides…
Einfach zu folgen und bietet Herausforderungen in meinem täglichen Leben. Die Herausforderung hält mich dazu an, Tag für Tag lernen zu wollen...
Elan
Codefinity ist ein umfassendes Lernwerkzeug…
Codefinity ist ein umfassendes Lernwerkzeug, das Ihnen hilft, Ihre Fähigkeiten als Software-Ingenieur oder Datenwissenschaftler zu entwickeln. Die Übungen machen Spaß und sind eine gute Möglichkeit, Ihre Fähigkeiten zu schärfen...
Thibault
Zum ersten Mal lernen, wie man programmiert
Zum ersten Mal lernen, wie man programmiert und es erfolgreich mit Codefinity tut - danke...
Adrien Morel
Gut gestaltet für totale Anfänger
Gut gestaltet für totale Anfänger, schrittweiser Fortschritt und gibt mir Vertrauen....
_Gracy
es ist einfach perfekt erklärt
es ist einfach perfekt erklärt! bisher habe ich keine Schwierigkeiten erlebt, weil alles so gut organisiert ist...
Ruslan Kravchuk
Das Wichtigste ist zu lernen und nicht aufzugeben
Das Material ist gut, es gibt viel zu lernen, alles um besser zu werden und das Wichtigste ist, das zu lernen, was Sie wollen....
Matteo Comune
Dank ihnen lerne ich viel…
Dank ihnen lerne ich viel schneller, weil sie Ihnen helfen, alles von Grund auf zu verstehen. Es ist die beste Website, die Menschen ohne IT-Hintergrund hilft...
Yuliana Cadavid
großartiger Kurs für Anfänger
großartiger Kurs für Anfänger, sie testen Ihr Wissen in jeder Lektion...
Elpunzon
Ich genieße meine Codefinity-Erfahrung…
Ich genieße meine Codefinity-Erfahrung beim Lernen von Python. Die selbstgesteuerte Lernweise ist großartig, weil ich sie in meinen Zeitplan integrieren kann...
Alexandru Alexandru
Es ist schön, von Codefinity zu lernen
Es ist schön, von Codefinity zu lernen. Es ist einfach und hat gute Beispiele für das, was ich hier gelernt habe...
jacob Templet
Easy to follow along with and provides…
Einfach zu folgen und bietet Herausforderungen in meinem täglichen Leben. Die Herausforderung hält mich dazu an, Tag für Tag lernen zu wollen...
Elan
Codefinity ist ein umfassendes Lernwerkzeug…
Codefinity ist ein umfassendes Lernwerkzeug, das Ihnen hilft, Ihre Fähigkeiten als Software-Ingenieur oder Datenwissenschaftler zu entwickeln. Die Übungen machen Spaß und sind eine gute Möglichkeit, Ihre Fähigkeiten zu schärfen...
Thibault
Zum ersten Mal lernen, wie man programmiert
Zum ersten Mal lernen, wie man programmiert und es erfolgreich mit Codefinity tut - danke...
Adrien Morel
Gut gestaltet für totale Anfänger
Gut gestaltet für totale Anfänger, schrittweiser Fortschritt und gibt mir Vertrauen....
_Gracy
es ist einfach perfekt erklärt
es ist einfach perfekt erklärt! bisher habe ich keine Schwierigkeiten erlebt, weil alles so gut organisiert ist...
Data Engineer
Abschlusszertifikat
Zeigen Sie Ihre neu erworbenen Fähigkeiten. Sie haben es sich verdient.
Discover more
Learning tracks
Nur für Ultimate
7 Kurse
292 Aufgaben
Nur für Ultimate
6 Kurse
195 Aufgaben
Nur für Ultimate
4 Kurse
115 Aufgaben
Nur für Ultimate
6 Kurse
112 Aufgaben
Nur für Ultimate
4 Kurse
142 Aufgaben
Nur für Ultimate
3 Kurse
39 Aufgaben
Nur für Ultimate
7 Kurse
376 Aufgaben
Nur für Ultimate
7 Kurse
345 Aufgaben
Nur für Ultimate
6 Kurse
308 Aufgaben
Nur für Ultimate
5 Kurse
145 Aufgaben
Nur für Ultimate
6 Kurse
191 Aufgaben
Nur für Ultimate
3 Kurse
70 Aufgaben
Nur für Ultimate
7 Kurse
278 Aufgaben
Nur für Ultimate
5 Kurse
237 Aufgaben
Nur für Ultimate
4 Kurse
123 Aufgaben
Nur für Ultimate
4 Kurse
161 Aufgaben
Nur für Ultimate
3 Kurse
75 Aufgaben
Nur für Ultimate
6 Kurse
293 Aufgaben
Nur für Ultimate
5 Kurse
206 Aufgaben
Nur für Ultimate
3 Kurse
2 Projekte
50 Aufgaben
Nur für Ultimate
3 Kurse
180 Aufgaben
Nur für Ultimate
5 Kurse
184 Aufgaben
Learning tracks
Spur
Webentwicklung mit C#
Anfänger
4.7
(2892)
Spur
Python von Null bis Held
Anfänger
4.6
(10366)
Spur
SQL von Null bis Held
Anfänger
4.7
(3109)
Spur
C++ Grundlagen
Anfänger
4.3
(706)
Spur
Spielentwicklung Mit Unity
Anfänger
4.5
(137)
Spur
Excel-Grundlagen
Anfänger
4.6
(484)
Spur
Java-Grundlagen
Anfänger
4.5
(308)
Spur
Full Stack Webentwicklung
Anfänger
4.6
(1054)
Spur
Grundlagen der Frontend-Entwicklung
Anfänger
4.6
(1008)
Spur
Beherrschung der Datenvisualisierung
Mittelstufe
4.6
(698)
Spur
Machine Learning Mastery
Mittelstufe
4.4
(166)
Spur
C++ Meisterschaft
Fortgeschritten
4.4
(25)
Spur
Java Web
Fortgeschritten
4.7
(3427)
Spur
Werden Sie QA-Ingenieur
Anfänger
4.6
(868)
Spur
Videoproduktion mit Adobe
Anfänger
5.0
(7)
Spur
Ui/ux-Design-Tools
Anfänger
4.6
(11)
Spur
Wesentliche Bürokompetenzen
Anfänger
4.6
(374)
Spur
Digital Marketing Essentials
Anfänger
4.4
(9)
Spur
Complete Social Media Management
Anfänger
5.0
(6)
Spur
Business AI Toolkit
Anfänger
4.6
(57)
Spur
No-Code-Website-Entwicklung
Anfänger
4.3
(3)
Spur
Deep Learning Odyssey
Fortgeschritten
4.3
(34)
Become a Development expert
Interactive exercises
Learning videos
AI-assistant on all courses
Workspaces for designing your own projects
Ready to get started?
ProBest intro offer | UltimateA complete experience to kickstart your career | |
---|---|---|
85+ Top-Rated courses | ||
Completion certificates | ||
AI-Assistant in all courses | ||
20+ hands-on Real-world projects | ||
Personalized study tracks | ||
Unlimited workspaces | ||
Boost your Tech Skills!
with up to 55% off
What you'll get with our subscription:
Access to 85+ top-rated courses
AI-driven Learning
Workspaces for practicing your skills
Personalized study tracks
Certificates of completion
Training 2 or more people?
Get your team access to Codefinity courses anytime, anywhere.
Try Codefinity Teams