React Basics (Coursera)

Offered by Meta,
React Basics (Coursera)

React is a powerful JavaScript library that you can use to build user interfaces for web and mobile applications (apps). In this course, you will explore the fundamental concepts that underpin the React library and learn the basic skills required to build a simple, fast, and scalable app.

Class Deals by MOOC List - Click here and see Coursera's Active Discounts, Deals, and Promo Codes.

By the end of this course, you will be able to:
• Use reusable components to render views where data changes over time
• Create more scalable and maintainable websites and apps
• Use props to pass data between components
• Create dynamic and interactive web pages and apps
• Use forms to allow users to interact with the web page
• Build an application in React
You’ll gain experience with the following tools and software:
• React.js
• JSX
• React
• HTML, CSS and JavaScript
• VSCode
You will be able to leverage the potential of this course to develop new skills, improve productivity, act effectively with data and boost your career.
This is a beginner course for learners who would like to prepare themselves for a career in mobile development. To succeed in this course, you do not need prior development experience, only basic internet navigation skills and an eagerness to get started with coding.
This course can be applied to multiple Specializations or Professional Certificates programs. Completing this course will count towards your learning in any of the following programs:

What You Will Learn

  • Use reusable components to render views where data changes over time
  • Organize React projects to create more scalable and maintainable websites and apps
  • Use props to pass data between components. Create dynamic and interactive web pages and apps
  • Use forms to allow users to interact with the app. Build an application in React

Syllabus

WEEK 1
React Components
In this module you will explore the basic structure and use of the React.js library. You will learn how to produce single page web applications using React components and to use JSX to style them.

WEEK 2
Data and State
In this module you will explore the concept and practical use of state and stage-management. You will also gain knowledge on how to handle events and the ability to dynamically change content on a web page.

WEEK 3
Navigation, Updating and Assets in React.js
In this module you will explore the basics of single and multi-page navigation, as well as the conditional rendering or changing of content in response to user status or choice.

WEEK 4
Your first React app
In this module, you will be assessed on the key skills covered in the Course.

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

Related Courses

Building React Application using ASP.NET MVC5 (Coursera) Coursera
Board Infinity

Building React Application using ASP.NET MVC5 (Coursera)

The Building React Application using ASP.NET MVC5 course is designed to teach developers how to build scalable and efficient web applications using the React JS library and the ASP.NET MVC5 framework. Participants will also learn how to integrate React JS into their ASP.NET MVC5 web applications, taking advantage of the framework's features such as server-side rendering and routing.

Jul 27th 2026
3 Weeks
Advanced React (Coursera) Coursera
Meta

Advanced React (Coursera)

Learn how to use more advanced React concepts and features, optimize and debug your React applications, and become proficient in using React Bootstrap and JSX. You’ll examine different types of React components, learn various characteristics and when to use them. You’ll start working with hooks, effects and other functional components. You’ll find out how routing is used in React to customize the users' experience, you’ll create a web application that consumes API data, and you'll get familiar with the most commonly used React framework integrations, tools, and debugging approaches.

Jul 27th 2026
4 Weeks
Full Stack Application Development Project (edX) EdX
IBM

Full Stack Application Development Project (edX)

For this project you will apply your knowledge of front end and back end development gained from previous courses and build and deploy a full stack real-world web application on the cloud. Your project will showcase your understanding of the user experience and user interface design process, and your skills and technologies with Django, Python, Node.JS and Containers.

Self Paced
Self-Paced
Developing Cloud Applications with Node.js and React (edX) EdX
IBM

Developing Cloud Applications with Node.js and React (edX)

Learn how to develop and deploy web applications with JavaScript frameworks. Create server-side applications using Node.js and develop the front-end using React. Deploy the app on Cloud. In this course you will learn how to develop and deploy full-stack web applications several JavaScript frameworks. You will start by creating backend server-side applications using Node.js and Express. You will then develop a front-end user interface (UI) using ES6 and the React JavaScript library, and deploy your application to the IBM cloud platform.

Self Paced
Self-Paced
Modern Web Design (Aquent) Aquent Gymnasium
Aquent

Modern Web Design (Aquent)

Modern Web Design will prepare you to be a front-end developer by walking you through the basics of HTML, CSS and JavaScript. This course is an introduction to front-end development for the web. You will learn how to mark up content with HTML, use CSS as a design tool, and add interactivity to your web pages with JavaScript. You will also learn the basics of building a responsive website for mobile devices and tablets, as well as for the desktop.

Self Paced
Self-Paced
Version Control with Git (Udacity) Udacity
Udacity

Version Control with Git (Udacity)

Learn to track and manage changes. This course covers the essentials of using the version control system Git. You'll be able to create a new Git repo, commit changes, and review the commit history of an existing repo. You'll also learn how to keep your commits organized using tags and branches and you'll master the art of merging changes by crushing those pesky merge conflicts.

Self Paced
Self-Paced
Introduction to Mobile Development (Coursera) Coursera
Meta

Introduction to Mobile Development (Coursera)

If you want to become a mobile developer, this course is a good place to start. You will learn about the day-to-day responsibilities of web and mobile developers and get a general understanding of the core and underlying technologies that power the internet. You’ll be introduced to core technologies like HTML and CSS, and get opportunities to practice using them.

Jul 27th 2026
4 Weeks
Building Interactive User Interfaces Using React Library (Coursera) Coursera
NIIT StackRoute

Building Interactive User Interfaces Using React Library (Coursera)

A frontend application is expected to have an attractive, responsive UI and a seamless UX with swift navigable views. Single Page Applications (SPAs) fulfill these expectations as they are lighter and efficient. React, a popular JavaScript library is used for developing complex user interfaces for single page applications (SPAs). Facebook, Instagram, Netflix, Airbnb etc., are some of the famous websites that use React.

Aug 3rd 2026
5-12 Weeks
Learn JavaScript (Coursera) Coursera
Scrimba

Learn JavaScript (Coursera)

This is perhaps the most interactive JavaScript course ever recorded. It contains 140+ coding challenges, meaning that you will finally build that ever-so-important JavaScript muscle memory. You will solve the challenges directly in the browser thanks to Scrimba's interactive video technology, so there's not setup needed. Say goodbye to "tutorial hell" and get ready to start feeling your JavaScript superpowers grow exponentially.

Aug 17th 2026
4 Weeks