Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Coursera Project Network

Web Development in React.js: Development Basics

Coursera Project Network via Coursera

Overview

React has become one of the most popular front-end JavaScript libraries, and for good reason. Its declarative syntax and efficient virtual DOM make it an ideal tool for building complex, interactive user interfaces. If you're new to React, this project will provide you with a solid foundation in the basics of building React applications. In this project, you will learn how to create React components using JSX syntax, and how to render them to the DOM using ReactDOM. You will also learn about the concept of parent-child data flow in React and how to implement it using props to pass data from parent components to child components. Additionally, you will learn how to use the useState() hook to manage state in functional React components, and how to implement dynamic behavior in your applications. Finally you gain a solid grasp of the useEffect() hook to manage side effects in a React component. In order to get the most out of this project, it is recommended learners have a background in the following: knowledge of Javascript DOM manipulation, basic Javascript programming such as setting variables, creating and calling functions, data types, conditional statements, events and loops, including map/filter methods, as well as importing and exporting modules. This project should take approximately 1 hour to complete

Syllabus

  • Project Overview
    • React has become one of the most popular front-end JavaScript libraries, and for good reason. Its declarative syntax and efficient virtual DOM make it an ideal tool for building complex, interactive user interfaces. If you're new to React, this project will provide you with a solid foundation in the basics of building React applications. In this project, you will learn how to create React components using JSX syntax, and how to render them to the DOM using ReactDOM. You will also learn about the concept of parent-child data flow in React and how to implement it using props to pass data from parent components to child components. Additionally, you will learn how to use the useState() hook to manage state in functional React components, and how to implement dynamic behavior in your applications. Finally you gain a solid grasp of the useEffect() hook to manage side effects in a React component. In order to get the most out of this project, it is recommended learners have a background in the following: knowledge of Javascript DOM manipulation, basic Javascript programming such as setting variables, creating and calling functions, data types, conditional statements, events and loops, including map/filter methods, as well as importing and exporting modules. This project should take approximately 1 hour to complete

Taught by

Rudi Hinds

Reviews

Start your review of Web Development in React.js: Development Basics

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.