Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Kurs Introduction to React - Online-Lernen mit Zertifikat
Introduction to React

Introduction to React

In this course, we will learn how to use the JavaScript React library for making front-end applications. This course will help you understand the stru…Mehr anzeigen
90 Lernende
Bereits eingeschrieben

Kurs für Fortgeschrittene


7 Module 7 Module
Interaktive Umgebung Interaktive Umgebung
37 Kapitel 37 Kapitel
KI-Assistent KI-Assistent
23 Aufgaben 23 Aufgaben
Teilbares Zertifikat Teilbares Zertifikat

Ergebnisse
Ergebnisse
Kursinhalt
Verwandte Kurse
Erfahrungsberichte
Funktionen
Preise
Häufige Fragen
Ergebnisse
Ergebnisse
Kursinhalt
Verwandte Kurse
Erfahrungsberichte
Funktionen
Preise
Häufige Fragen

Kursinhalt

In this course, we will learn how to use the JavaScript React library for making front-end applications. This course will help you understand the structure of a React application, how to add …
In this section we will explore why React is useful and why it is worth learning it at all. We will also learn one prerequisite, ES6, which will be used throughout the course.
In this section, we will learn another prerequisite - JSX which will be used throughout the course. Finally, we will explore some example code to get acquainted with React.
In this section we will learn about the essential and practical parts of React excluding the components – which will be covered in the next section. We will look at how JSX can be used with React, and how to create and render more complex elements in the React DOM using JSX. We will also learn how to set up a React based project, and we will explore its structure for deepening our understanding.
In this section you’ll be introduced to React components. We will look at what React components are and why we need them. We will explore the two different types of React components and learn the syntax for creating them. We will use them to create a single page application that displays X.
In this section we will learn more about how to combine JavaScript and JSX to create dynamic content. We will also learn how to pass data between components. In the end we will also explore event handling.
In the end of the previous chapter, we tried making a Todo application though in our attempt to do so we soon discovered that we needed some method for re-rendering the components once the data is updated in a component as React wasn’t automatically doing that for us. In this section we will learn how to fix such issues using ‘Hooks’. We will learn and implement hooks in detail. By the end of this section, you will be able to create stateful components in React and combine them to create complex web applications.
In this chapter we will learn how to add different pages to our React application and render different components based on URL. You will gain sufficient knowledge to be able to create multi-page applications.
Steigere deine Tech-Fähigkeiten!
mit bis zu 55% Rabatt
What you'll get with our subscription:
250+ Top-bewertete KurseAbschlusszertifikatePersonalisierte Lernpfade40+ praxisnahe Projekte

Ihr Abonnement umfasst auch 250+ Kurse:

kurs

TEST COURSE WITH QUESTIONSs

TEST COURSE WITH QUESTIONSs

-----

kurs

Next.js 14 Mastery Für Den Aufbau Moderner Webanwendungen

Next.js 14 Mastery Für Den Aufbau Moderner Webanwendungen

Erlernen Sie den Aufbau moderner, leistungsstarker Webanwendungen mit Next.js. Richten Sie Projekte mit strukturierten Layouts, Styling und Routing für eine nahtlose Navigation ein. Effizientes Abrufen und Anzeigen von Daten bei gleichzeitiger Optimierung von Rendering und Performance. Implementieren Sie fortgeschrittene Funktionen wie Paginierung, CRUD-Operationen und globale Suche für dynamische Webanwendungen. Stellen Sie Ihre Next.js-Projekte bereit, verbinden Sie diese mit Datenbanken und fügen Sie Authentifizierung zum Schutz von Benutzerdaten hinzu.

kurs

Einführung in React

Einführung in React

Erlernen Sie die Entwicklung dynamischer, interaktiver Benutzeroberflächen mit React. Verstehen Sie zentrale Konzepte wie JSX, das virtuelle DOM und wiederverwendbare, komponentenbasierte Architekturen. Wenden Sie verschiedene Styling-Techniken an, darunter Inline-Styles, externe CSS und CSS-Module für ein skalierbares Design. Verwalten Sie Zustand und Seiteneffekte effizient mit React Hooks und teilen Sie Daten zwischen Komponenten mithilfe von Context.

kurs

React Router Grundlagen

React Router Grundlagen

Lernen Sie, die Navigation in React-Anwendungen mit React Router zu verwalten. Verstehen Sie den Aufbau von URLs und die Rolle des Routings in Webanwendungen. Richten Sie React Router ein, um Mehrseitenanwendungen mit dynamischen Inhalten basierend auf URL-Pfaden zu erstellen. Arbeiten Sie mit erweiterten Funktionen wie Query-Strings und URL-Parametern, um den Anwendungszustand und die Benutzernavigation zu steuern.

kurs

State Management mit Redux Toolkit in React

State Management mit Redux Toolkit in React

Entdecken Sie die Leistungsfähigkeit von Redux Toolkit in Verbindung mit React und verbessern Sie Ihre Fähigkeiten im Bereich State Management. Dieser Kurs bietet eine umfassende Einführung in Redux Toolkit, eine leistungsstarke Bibliothek zur Verwaltung von Zustand. Lernen Sie, wie Sie Ihre Redux-Konfiguration optimieren, komplexe Zustandslogik vereinfachen und effiziente, skalierbare React-Anwendungen erstellen.

kurs

Expert React

Expert React

Unlock the full potential of React and become a proficient Frontend developer with this course. Whether you're a beginner or an experienced developer looking to level up your skills, this hands-on course will take you on an exciting journey through the core concepts of React and its ecosystem, considering such valuable topics as React Router, Redux Toolkit, Formik, and Jest.

kurs

Grundlagen von React Native

Grundlagen von React Native

Erkunden Sie die Welt der mobilen App-Entwicklung mit React Native. Lernen Sie grundlegende Konzepte und fortgeschrittene Techniken, um plattformübergreifende mobile Anwendungen effizient zu erstellen.

kurs

TEST COURSE WITH QUESTIONSs

TEST COURSE WITH QUESTIONSs

-----

kurs

Next.js 14 Mastery Für Den Aufbau Moderner Webanwendungen

Next.js 14 Mastery Für Den Aufbau Moderner Webanwendungen

Erlernen Sie den Aufbau moderner, leistungsstarker Webanwendungen mit Next.js. Richten Sie Projekte mit strukturierten Layouts, Styling und Routing für eine nahtlose Navigation ein. Effizientes Abrufen und Anzeigen von Daten bei gleichzeitiger Optimierung von Rendering und Performance. Implementieren Sie fortgeschrittene Funktionen wie Paginierung, CRUD-Operationen und globale Suche für dynamische Webanwendungen. Stellen Sie Ihre Next.js-Projekte bereit, verbinden Sie diese mit Datenbanken und fügen Sie Authentifizierung zum Schutz von Benutzerdaten hinzu.

kurs

Einführung in React

Einführung in React

Erlernen Sie die Entwicklung dynamischer, interaktiver Benutzeroberflächen mit React. Verstehen Sie zentrale Konzepte wie JSX, das virtuelle DOM und wiederverwendbare, komponentenbasierte Architekturen. Wenden Sie verschiedene Styling-Techniken an, darunter Inline-Styles, externe CSS und CSS-Module für ein skalierbares Design. Verwalten Sie Zustand und Seiteneffekte effizient mit React Hooks und teilen Sie Daten zwischen Komponenten mithilfe von Context.

kurs

React Router Grundlagen

React Router Grundlagen

Lernen Sie, die Navigation in React-Anwendungen mit React Router zu verwalten. Verstehen Sie den Aufbau von URLs und die Rolle des Routings in Webanwendungen. Richten Sie React Router ein, um Mehrseitenanwendungen mit dynamischen Inhalten basierend auf URL-Pfaden zu erstellen. Arbeiten Sie mit erweiterten Funktionen wie Query-Strings und URL-Parametern, um den Anwendungszustand und die Benutzernavigation zu steuern.

kurs

State Management mit Redux Toolkit in React

State Management mit Redux Toolkit in React

Entdecken Sie die Leistungsfähigkeit von Redux Toolkit in Verbindung mit React und verbessern Sie Ihre Fähigkeiten im Bereich State Management. Dieser Kurs bietet eine umfassende Einführung in Redux Toolkit, eine leistungsstarke Bibliothek zur Verwaltung von Zustand. Lernen Sie, wie Sie Ihre Redux-Konfiguration optimieren, komplexe Zustandslogik vereinfachen und effiziente, skalierbare React-Anwendungen erstellen.

kurs

Expert React

Expert React

Unlock the full potential of React and become a proficient Frontend developer with this course. Whether you're a beginner or an experienced developer looking to level up your skills, this hands-on course will take you on an exciting journey through the core concepts of React and its ecosystem, considering such valuable topics as React Router, Redux Toolkit, Formik, and Jest.

kurs

Grundlagen von React Native

Grundlagen von React Native

Erkunden Sie die Welt der mobilen App-Entwicklung mit React Native. Lernen Sie grundlegende Konzepte und fortgeschrittene Techniken, um plattformübergreifende mobile Anwendungen effizient zu erstellen.

Warum Menschen Codefinity wählen

Kwizera Mugisha

Web Developer

Kwizera Mugisha

linkedIn

The teaching methodology at Codefinity is excellent, and I particularly appreciate how it has prepared me to handle real-world coding problems. Currently, I am delving into Node.js and eagerly anticipate building full-stack projects that integrate all the knowledge I have gained.

Sherry Barnes-Fox

Senior Business Analyst

Sherry Barnes-Fox

linkedIn

My first course was 4 hours, I did it in a few days, "nugget-style". The instructions are very clear and easy to understand. There is even a hint to help you get the answer. I love the learning style that is used, it engages me.

Bill Wagner

Accounts Payable Specialist

Bill Wagner

linkedIn

I have really liked the browser-based lessons that allow me to code within the lesson. The RUN button allows me to test the code I write before submitting for a grade.

Daniel Chinea

IT Support Specialist

Daniel Chinea

linkedIn

I have gained a lot of practical and logical thinking skills, along with patience for myself and confidence in myself that I can learn programming. Years ago, I would have never thought that I could learn programming in any way, shape or form, and I was able to obtain these certifications and skills with Codefinity.

Steve Bruening

Technology Project Manager

Steve Bruening

linkedIn

The learning was progressive and made it easy to follow along and make progress. I could feel my skills increasing and building on each other as the course went along.

Stephanie Chan

Project Manager

Stephanie Chan

linkedIn

As I went through the first course of the Python track, I liked the way the course was lay out (in easy and digestible modules) with little exercises at the end of each concept.

Schritt-für-Schritt zu hervorragenden Ergebnissen

Löse reale Programmieraufgaben
Interaktive Programmierumgebung
Tauche in unsere interaktive Umgebung ein: Schreibe und führe deinen Code mit Echtzeit-Feedback und Erfolgsmetriken aus—lerne bei jedem Schritt durch Praxis.
Erhalte bedarfsgerechte Anleitung
KI-gestützte Unterstützung
Nutze den integrierten KI-Assistenten, um Fehler zu erklären, Korrekturen vorzuschlagen oder Fragen zu deinem Code zu beantworten—so bleibst du produktiv und kommst nie ins Stocken.
Sichere dein Lernen
Wissensüberprüfung
Schließe jedes Modul mit einem kurzen Quiz ab, das sofortiges Feedback liefert, deinen Fortschritt verfolgt und sicherstellt, dass du die wichtigsten Konzepte beherrschst.
Zeige deine Fähigkeiten
Feiere Erfolge
Erhalte dein branchenanerkanntes Zertifikat nach Abschluss und teile es mit einem Klick auf LinkedIn—lass dein Netzwerk sehen, was du kannst.

Vertraut von Mitarbeitern führender Unternehmen
und Studenten führender Universitäten

Google
Intel
Twitter
FedEx
Meta
Nike
Amazon
Microsoft
Tesla
Google
Intel
Twitter
FedEx
Meta
Nike
Amazon
Microsoft
Tesla
florida
illinois
colorado
indiana
new-york
cornell
columbia
notre-dame
florida
illinois
colorado
indiana
florida
illinois
colorado
indiana
new-york
cornell
columbia
notre-dame
florida
illinois
colorado
indiana

Sofortiger Zugriff auf 250+ Kurse

Unbegrenztes Lernen, sofortiger Zugriff
Unbegrenztes Lernen, sofortiger ZugriffErhalte vollen Zugriff auf alle Kurse und Tracks, einschließlich Videoinhalten, Quiz und ausführlichen Materialien—beginne jederzeit mit dem Lernen.
Branchenanerkannte Zertifikate
Branchenanerkannte ZertifikateErhalte Zertifikate, die deine Expertise bestätigen und deine Karriere in Tech, KI, Daten, Marketing und darüber hinaus fördern.
KI-unterstütztes Lernen
KI-unterstütztes LernenErhalte personalisierte Hinweise, Echtzeit-Feedback und KI-gestützte Erklärungen, um deinen Fortschritt zu beschleunigen.
Ständig wachsend: Neue Kurse & Karrierepfade
Ständig wachsend: Neue Kurse & KarrierepfadeBleibe mit ständig aktualisierten Kursen, Karriereplänen, Herausforderungen und praktischen Tests auf dem neuesten Stand.
Baue relevante Fähigkeiten auf
Baue relevante Fähigkeiten aufMeistere gefragte Fähigkeiten mit Kursen in KI, Datenwissenschaft, Programmierung, Marketing, Automatisierung, Webentwicklung und mehr.
Interaktives & nahtloses Lernen
Interaktives & nahtloses LernenBeteilige dich an praxisnahen Projekten, realen Übungen und einem intuitiven Lernerlebnis — keine zusätzlichen Werkzeuge erforderlich.

Zugriff auf den gesamten Katalog

Ein Abonnement eröffnet Ihnen diesen Kurs und unseren gesamten Katalog von Projekten und Fähigkeiten.
Features:
250+ Top-bewertete KurseFortschrittlicher KI-Copilot
Personalisierte Lernpfade40+ praxisnahe Projekte
Ohne Kündigung, bevor der ausgewählte Rabattplan endet, akzeptiere ich, dass Codefinity automatisch belastet $79 alle 3 Monate bis ich kündige. Erfahren Sie mehr über die Stornierungs- und Rückerstattungsrichtlinien in Abonnementbedingungen.

Probiere Codefinity mit Vertrauen aus – 30-Tage-Geld-zurück-Garantie inklusive

Um dich bei Codefinity willkommen zu heißen, bieten wir bis zu 64% Rabatt auf unsere Kurse. Außerdem haben wir eine 30-Tage-Geld-zurück-Garantie, damit du uns risikofrei ausprobieren kannst.Wir freuen uns wirklich darauf, dich auf unserer Plattform willkommen zu heißen und sind bestrebt, dein Lernerlebnis einfach, interaktiv und unterhaltsam zu gestalten.
Shield Image

Häufig gestellte Fragen

Wie erhalte ich Zugang zur Plattform?

chevron

Obwohl Sie mit Codefinity auf jedem Gerät lernen können, empfehlen wir dringend die Nutzung eines Computers oder Laptops, um Ihr Lernerlebnis zu optimieren.

Was, wenn ich während des Lernens Fragen habe?

chevron

Alle unsere Kurse verfügen über einen integrierten KI-Assistenten, der Ihnen bei Fragen während des Studiums zur Seite steht und Ihnen hilft, Probleme zu lösen.

Ist ein technischer Abschluss zum Lernen notwendig?

chevron

Nein, Sie benötigen keine Vorkenntnisse, um mit dem Lernen zu beginnen. Unsere Kurse sind für Anfänger konzipiert, sodass Sie problemlos Ihre Reise in die Tech-Branche starten können.

Haben Sie noch Fragen?

Schreiben Sie Ihre Frage hier

Folgen Sie uns

trustpilot logo

Adresse

codefinity
Wir sind enttäuscht, dass etwas schief gelaufen ist. Was ist passiert?
some-alt