Is financial aid available?

Yes. In select learning programs, you can apply for financial aid or a scholarship if you can’t afford the enrollment fee. If fin aid or scholarship is available for your learning program selection, you’ll find a link to apply on the description page.

Building Applications with React

kurs ist nicht verfügbar in Deutsch (Deutschland)

Wir übersetzen es in weitere Sprachen.

Building Applications with React

Dieser Kurs ist Teil von Spezialisierung „Practical JavaScript: From Scratch to React“

Dozent: Steve Oney

Bei Mehr erfahren enthalten

Fragen Sie Coursera

3 Module

Verschaffen Sie sich einen Einblick in ein Thema und lernen Sie die Grundlagen.

Stufe Mittel

Empfohlene Erfahrung

4 Wochen zu vervollständigen

unter 10 Stunden pro Woche

Flexibler Zeitplan

In Ihrem eigenen Lerntempo lernen

3 Module

Verschaffen Sie sich einen Einblick in ein Thema und lernen Sie die Grundlagen.

Stufe Mittel

Empfohlene Erfahrung

4 Wochen zu vervollständigen

unter 10 Stunden pro Woche

Flexibler Zeitplan

In Ihrem eigenen Lerntempo lernen

Was Sie lernen werden

Configure and set up a professional React build environment, and build interfaces with function components, JSX, props, state, and hooks.
Use special React tools called hooks to remember page information, handle updates, and run background tasks easily.
Share live page data between different parts of your application and set up custom pathways for multiple web pages.
Explore the most widely used React libraries and learn how to safely incorporate non-React code into components.

Wichtige Details

Zertifikat zur Vorlage

Zu Ihrem LinkedIn-Profil hinzufügen

Kürzlich aktualisiert!

August 2026

Unterrichtet in Englisch

Erfahren Sie, wie Mitarbeiter führender Unternehmen gefragte Kompetenzen erwerben.

Weitere Informationen zu Coursera für Unternehmen

Logos von Petrobras, TATA, Danone, Capgemini, P&G und L'Oreal

Erweitern Sie Ihre Fachkenntnisse

Dieser Kurs ist Teil der Spezialisierung Spezialisierung „Practical JavaScript: From Scratch to React“

Wenn Sie sich für diesen Kurs anmelden, werden Sie auch für diese Spezialisierung angemeldet.

Lernen Sie neue Konzepte von Branchenexperten
Gewinnen Sie ein Grundverständnis bestimmter Themen oder Tools
Erwerben Sie berufsrelevante Kompetenzen durch praktische Projekte
Erwerben Sie ein Berufszertifikat zur Vorlage

In diesem Kurs gibt es 3 Module

Static page logic and complex state updates can make modern web development slow and tedious. In “Building Applications with React,” you bridge the gap to professional software engineering by mastering React, the industry-standard user interface library. You learn to break down complex layouts into reusable components, declaratively manage application state, and seamlessly handle dynamic user events. You’ll also build a single-page application with modern routing and deploy it to a public static hosting service to showcase your ready-to-work developer skills. By exploring the power of custom Hooks and side effects, you will confidently fetch remote data and preserve application flow.

In this module, you will learn how React helps you build dynamic user interfaces. You will create components with JSX, reuse them with props, render lists and conditions, manage state with useState, and handle events and form input.

Das ist alles enthalten

29 Videos5 Lektüren4 Programmieraufgaben20 Unbewertete Labore

29 VideosInsgesamt 143 Minuten

Introduction: Course and Series2 Minuten
Learning Programming in the Age of Generative AI6 Minuten
Submitting Assignments4 Minuten
Introduction: Creating React Components 1 Minute
Libraries and Frameworks2 Minuten
First React App10 Minuten
React Function Components4 Minuten
React Elements and JSX5 Minuten
JavaScript Expressions in JSX3 Minuten
Reusing Components with Properties5 Minuten
Rendering Lists with map6 Minuten
Keys and Component Identity4 Minuten
Conditional Rendering Patterns6 Minuten
React Components: Understanding the Mechanics (Part I)16 Minuten
React Components: Understanding the Mechanics (Part II)5 Minuten
Conclusion: Creating React Components 1 Minute
Introduction: Handling Events in React Components1 Minute
Adding Event Listeners in React6 Minuten
React Event Objects4 Minuten
Avoiding Common React Event Mistakes3 Minuten
React Events: Understanding the Mechanics4 Minuten
Conclusion: Handling Events in React Components1 Minute
Introduction: Managing State in React Components1 Minute
React State and useState8 Minuten
Updating State6 Minuten
Understanding (and Avoiding) Mutation14 Minuten
Avoiding Common React State Mistakes5 Minuten
React State: Understanding the Mechanics11 Minuten
Conclusion: Managing State in React Components1 Minute

5 LektürenInsgesamt 50 Minuten

Syllabus10 Minuten
Help Us Learn About You!10 Minuten
Working on the Assignments20 Minuten
Practice and Learn: Success Strategies for Practical JavaScript5 Minuten
Series Learning Roadmap5 Minuten

4 ProgrammieraufgabenInsgesamt 330 Minuten

Module 1 Graded Assignment60 Minuten
Practice: Creating React Components90 Minuten
Practice: Handling Events in React Components90 Minuten
Practice: Managing State in React Components90 Minuten

20 Unbewertete LaboreInsgesamt 295 Minuten

Reading: Welcome to Course 410 Minuten
Reading: Libraries and Frameworks15 Minuten
Reading: First React App15 Minuten
Reading: React Function Components15 Minuten
Reading: React Elements and JSX15 Minuten
Reading: JavaScript Expressions in JSX15 Minuten
Reading: Reusing Components with Properties15 Minuten
Reading: Rendering Lists with map15 Minuten
Reading: Keys and Component Identity15 Minuten
Reading: Conditional Rendering Patterns15 Minuten
Reading: React Components: Understanding the Mechanics (Part I)15 Minuten
Reading: React Components: Understanding the Mechanics (Part II)15 Minuten
Reading: Adding Event Listeners in React15 Minuten
Reading: React Event Objects15 Minuten
Reading: Avoiding Common React Event Mistakes15 Minuten
Reading: React Events: Understanding the Mechanics15 Minuten
Reading: React State and useState15 Minuten
Reading: Updating State15 Minuten
Reading: Avoiding Common React State Mistakes15 Minuten
Reading: React State: Understanding the Mechanics15 Minuten

In module 2, you will learn how Hooks help React components remember information, respond to changes, and manage side effects. You will use useState and useEffect, work with dependency arrays, fetch data, handle loading and error states, and create custom Hooks to separate reusable logic from your user interface.

Das ist alles enthalten

19 Videos4 Programmieraufgaben11 Unbewertete Labore

19 VideosInsgesamt 109 Minuten

Introduction: Hooks Fundamentals1 Minute
React Hooks3 Minuten
useRef: Storing Values without Rerendering6 Minuten
Tracking Input Values8 Minuten
React Refs: Understanding the Mechanics6 Minuten
Let's Build: Color Guessing Game11 Minuten
Conclusion: Hooks Fundamentals1 Minute
Introduction: useEffect and Side Effects1 Minute
useEffect: Running Code with Side Effects4 Minuten
useEffect and Dependencies7 Minuten
useEffect Cleanup6 Minuten
Avoiding Common useEffect Mistakes6 Minuten
React Effects: Understanding the Mechanics13 Minuten
Let's Build: Countdown Timer18 Minuten
Conclusion: useEffect and Side Effects1 Minute
Introduction: Performance and Custom Hooks1 Minute
Performance Optimization Hooks12 Minuten
Creating Custom Hooks7 Minuten
Conclusion: Performance and Custom Hooks1 Minute

4 ProgrammieraufgabenInsgesamt 330 Minuten

Module 2 Graded Assignment60 Minuten
Practice: Hooks Fundamentals90 Minuten
Practice: `useEffect` and Side Effects90 Minuten
Practice: Performance and Custom Hooks90 Minuten

11 Unbewertete LaboreInsgesamt 165 Minuten

Reading: React Hooks15 Minuten
Reading: useRef: Storing Values without Rerendering15 Minuten
Reading: Tracking Input Values15 Minuten
Reading: React Refs: Understanding the Mechanics15 Minuten
Reading: useEffect: Running Code with Side Effects15 Minuten
Reading: useEffect and Dependencies15 Minuten
Reading: useEffect Cleanup15 Minuten
Reading: Avoiding Common useEffect Mistakes15 Minuten
Reading: React Effects: Understanding the Mechanics15 Minuten
Reading: Performance Optimization Hooks15 Minuten
Reading: Creating Custom Hooks15 Minuten

In the last module, you learn how to manage state across multiple React components and share data by passing props, lifting state up, and keeping a single source of truth. You also build multi-view applications with routing, use URLs and route parameters, preserve state across navigation, and prepare your app for deployment to static hosting.

Das ist alles enthalten

21 Videos1 Lektüre4 Programmieraufgaben13 Unbewertete Labore

21 VideosInsgesamt 119 Minuten

Introduction: State Across Components0 Minuten
Sharing State Across Components2 Minuten
Callback Props5 Minuten
Lifting State Up9 Minuten
useContext: Sharing State Across Components8 Minuten
useReducer: Modeling State Changes with Actions9 Minuten
Conclusion: State Across Components1 Minute
Introduction: Common React Libraries and Patterns1 Minute
Element Hoisting4 Minuten
Single Page Applications (SPAs) with React Router11 Minuten
Managing State with Zustand7 Minuten
Managing Asynchronous Data with TanStack Query9 Minuten
Internationalization with React-i18next7 Minuten
Let's Build: Lemon Timer20 Minuten
Conclusion: Common React Libraries and Patterns0 Minuten
Introduction: Debugging and Deploying Applications0 Minuten
Detecting Common Problems with Strict Mode6 Minuten
Using React Developer Tools5 Minuten
React Linters6 Minuten
Deploying React Applications to Github Pages9 Minuten
Conclusion: Debugging and Deploying Applications0 Minuten

1 LektüreInsgesamt 10 Minuten

Post-Course Survey10 Minuten

4 ProgrammieraufgabenInsgesamt 330 Minuten

Module 3 Graded Assignment60 Minuten
Practice: State Across Components90 Minuten
Practice: Common React Libraries and Patterns90 Minuten
Practice: Debugging and Deploying Applications90 Minuten

13 Unbewertete LaboreInsgesamt 195 Minuten

Reading: Sharing State Across Components15 Minuten
Reading: Callback Props15 Minuten
Reading: Lifting State Up15 Minuten
Reading: useContext: Sharing State Across Components15 Minuten
Reading: Element Hoisting15 Minuten
Reading: Single Page Applications (SPAs) with React Router15 Minuten
Reading: Managing State with Zustand15 Minuten
Reading: Managing Asynchronous Data with TanStack Query15 Minuten
Reading: Internationalization with React-i18next15 Minuten
Reading: Detecting Common Problems with Strict Mode15 Minuten
Reading: Using React Developer Tools15 Minuten
Reading: React Linters15 Minuten
Reading: Deploying React Applications to Github Pages15 Minuten

Erwerben Sie ein Karrierezertifikat.

Fügen Sie dieses Zeugnis Ihrem LinkedIn-Profil, Lebenslauf oder CV hinzu. Teilen Sie sie in Social Media und in Ihrer Leistungsbeurteilung.

Dozent

Steve Oney

University of Michigan

11 Kurse592.811 Lernende

von

University of Michigan

Mehr von Mobile and Web Development entdecken

NIIT
Building Interactive User Interfaces Using React Library
Kurs
Status: Kostenloser Testzeitraum
EDUCBA
Build Employee Apps with React: Apply Real-World UI Skills
Kurs
Status: Kostenloser Testzeitraum
IBM
Developing Front-End Apps with React
Kurs
Status: Kostenloser Testzeitraum
Packt
Applied React – Projects, Routing & State
Kurs
Status: Kostenloser Testzeitraum

Warum entscheiden sich Menschen für Coursera für ihre Karriere?

Felipe M.

Lernender seit 2018

„Es ist eine großartige Erfahrung, in meinem eigenen Tempo zu lernen. Ich kann lernen, wenn ich Zeit und Nerven dazu habe.“

Jennifer J.

Lernender seit 2020

„Bei einem spannenden neuen Projekt konnte ich die neuen Kenntnisse und Kompetenzen aus den Kursen direkt bei der Arbeit anwenden.“

Larry W.

Lernender seit 2021

„Wenn mir Kurse zu Themen fehlen, die meine Universität nicht anbietet, ist Coursera mit die beste Alternative.“

Chaitanya A.

„Man lernt nicht nur, um bei der Arbeit besser zu werden. Es geht noch um viel mehr. Bei Coursera kann ich ohne Grenzen lernen.“

Schalten Sie den Zugang zu mehr als 10.000 Kursen mit einem Abonnement frei
Bringen Sie Ihre Karriere mit einem Online-Abschluss voran.
Erwerben Sie einen Abschluss von erstklassigen Universitäten – 100 % online
Schließen Sie sich den über 4.700 globalen Unternehmen an, die Coursera for Business wählen

Häufig gestellte Fragen

We recommend completing this Specialization’s first three courses beforehand: Web Development Fundamentals: HTML, CSS, and JavaScript, Building Interactive Web Applications with JavaScript, and Developing Full-Stack Applications with JavaScript.

To access course materials, assignments, and earn a Certificate, you'll need to purchase the Certificate experience when you enroll in a course. Eligible learners may also have the option to start with a Free Trial. Some courses may also offer a Full Course, No Certificate option. This lets you access course materials, submit required assessments, and receive a final grade, but you won't be able to earn or purchase a Certificate.

When you enroll in the course, you get access to all of the courses in the Specialization, and you earn a certificate when you complete the work. Your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile.