Économisez sur les compétences qui vous font briller avec 40 % de réduction sur 3 mois de Coursera Plus. Économisez maintenant

Ce cours n'est pas disponible en Français (France)

Nous sommes actuellement en train de le traduire dans plus de langues.
Packt

React Basics and Initial Projects

Inclus avec Coursera Plus

Obtenez un aperçu d'un sujet et apprenez les principes fondamentaux.
niveau Débutant

Expérience recommandée

1 semaine à compléter
à 10 heures par semaine
Planning flexible
Apprenez à votre propre rythme
Obtenez un aperçu d'un sujet et apprenez les principes fondamentaux.
niveau Débutant

Expérience recommandée

1 semaine à compléter
à 10 heures par semaine
Planning flexible
Apprenez à votre propre rythme

Ce que vous apprendrez

  • Learn how to create React components and build dynamic UIs with JSX.

  • Understand React’s state management system and how to update state efficiently.

  • Master event handling, conditional rendering, and list rendering in React.

  • Implement React best practices for building interactive and maintainable web applications.

Compétences que vous acquerrez

  • Catégorie : Event-Driven Programming
  • Catégorie : Front-End Web Development
  • Catégorie : Context Management
  • Catégorie : Javascript
  • Catégorie : Scalability
  • Catégorie : React.js

Outils que vous découvrirez

  • Catégorie : UI Components
  • Catégorie : Cascading Style Sheets (CSS)
  • Catégorie : Web Applications

Détails à connaître

Certificat partageable

Ajouter à votre profil LinkedIn

Récemment mis à jour !

mai 2026

Évaluations

11 devoirs

Enseigné en Anglais

Découvrez comment les employés des entreprises prestigieuses maîtrisent des compétences recherchées

 logos de Petrobras, TATA, Danone, Capgemini, P&G et L'Oreal

Élaborez votre expertise du sujet

Ce cours fait partie de la Spécialisation "The Complete React 19 Developer Course (incl. Next.js 16)"
Lorsque vous vous inscrivez à ce cours, vous êtes également inscrit(e) à cette Spécialisation.
  • Apprenez de nouveaux concepts auprès d'experts du secteur
  • Acquérez une compréhension de base d'un sujet ou d'un outil
  • Développez des compétences professionnelles avec des projets pratiques
  • Obtenez un certificat professionnel partageable

Il y a 10 modules dans ce cours

In this module, we will introduce the key concepts of React 19, including setting up your project with Vite. You will learn how to create your first React component, write JSX markup, and integrate JavaScript into JSX. This module also covers the importance of styling and passing props within components.

Inclus

13 vidéos2 lectures

In this module, we will revisit the fundamentals of JSX and recap its syntax, focusing on effective usage within React projects. You will learn about common mistakes developers make when using JSX and how to avoid them by applying best practices.

Inclus

2 vidéos1 devoir

In this module, we will guide you through the Cambridge Rentals project, focusing on building key components like the header, footer, and property list. You will learn how to create dynamic content and structure your React app for future scalability.

Inclus

11 vidéos1 devoir

In this module, we will explore how to add interactivity to your React app by responding to user events. You will learn how to manage state, handle events efficiently, and apply best practices to manage complex event interactions.

Inclus

10 vidéos1 devoir

In this module, we will review the major concepts of adding interactivity in React, including common mistakes and how to avoid them. You will learn about the best practices for maintaining clean, efficient, and manageable interactivity.

Inclus

1 vidéo1 devoir

In this module, we will guide you through building a to-do list app, from setting up the file structure to rendering tasks dynamically. You will learn to implement task management features like adding, editing, deleting, and making changes persistent using localStorage.

Inclus

10 vidéos1 devoir

In this module, we will introduce React Reducer and explain its role in state management. You will learn how to create a reducer function and understand when it's appropriate to use it for managing complex state logic in your React applications.

Inclus

2 vidéos1 devoir

In this module, we will review common mistakes made while using React Reducer and share best practices to avoid them. You will also learn how to apply these best practices to effectively manage complex state in React applications.

Inclus

1 vidéo1 devoir

In this module, we will walk you through the UK Driving Test project, showing how to apply React Reducer to manage the state. You will learn to structure components for quiz functionality, including question navigation and progress tracking.

Inclus

12 vidéos1 devoir

In this module, we will introduce React Context and show how it simplifies state management by avoiding prop drilling. You will learn how to implement React Context in a real-world application, such as a to-do list app, to handle global state more efficiently.

Inclus

2 vidéos1 lecture3 devoirs

Obtenez un certificat professionnel

Ajoutez ce titre à votre profil LinkedIn, à votre curriculum vitae ou à votre CV. Partagez-le sur les médias sociaux et dans votre évaluation des performances.

Instructeur

Packt - Course Instructors
Packt
1 857 Cours514 430 apprenants

Offert par

Packt

En savoir plus sur Software Development

Pour quelles raisons les étudiants sur Coursera nous choisissent-ils pour leur carrière ?

Felipe M.

Étudiant(e) depuis 2018
’Pouvoir suivre des cours à mon rythme à été une expérience extraordinaire. Je peux apprendre chaque fois que mon emploi du temps me le permet et en fonction de mon humeur.’

Jennifer J.

Étudiant(e) depuis 2020
’J'ai directement appliqué les concepts et les compétences que j'ai appris de mes cours à un nouveau projet passionnant au travail.’

Larry W.

Étudiant(e) depuis 2021
’Lorsque j'ai besoin de cours sur des sujets que mon université ne propose pas, Coursera est l'un des meilleurs endroits où se rendre.’

Chaitanya A.

’Apprendre, ce n'est pas seulement s'améliorer dans son travail : c'est bien plus que cela. Coursera me permet d'apprendre sans limites.’

Foire Aux Questions