EdX

Developing Front End Apps with React (edX)

Offered by IBM,
Developing Front End Apps with React (edX)

Develop hands-on skills with front-end applications using the React web framework user interface library. React is one of the most popular frameworks in the Web and Front-end application Development category. In this course, you will: build rich Front-End applications with React and ES6; connect React components using data and state; write rich React components with advanced features like Hooks and Redux.

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

In addition, you will explore how to access the React web framework user interface (UI) library and run rich React applications. You will find ways to use React components and change their properties and states in a dynamic user interface. You will learn to connect to an external server from a React page. The course introduces different testing tools that you can use to test the component without manual verification.
Throughout the course, you will complete numerous hands-on labs to gain practical experience. At the end of the course, you will demonstrate your React skills with a final project to add to your portfolio.
This course will help you succeed as a front-end or full-stack developer. It suits those in IT looking to step up in their careers or new graduates seeking to establish their client-side skills.
Note: This course requires knowledge of HTML, CSS, JavaScript and Git/GitHub

This course is part of the following programs:

What you'll learn
You will learn to:

  • Develop interactive user interfaces (UIs) and web applications using React, JSX, and ES6.
  • Build dynamic websites and front-end applications quickly and easily with reusable React components.
  • Communicate and exchange data with external services using GET, POST, UPDATE, and DELETE requests.
  • Employ and work with various React concepts and features including props, states, hooks, forms, and Redux.
Go to Class
MOOC List is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Related Courses

Frontend Development using Angular (Coursera) Coursera
Board Infinity

Frontend Development using Angular (Coursera)

This course is tailored for those interested in web development, and it will equip you with the skills and knowledge needed to become proficient in Angular. In the first module, Introduction to HTML & CSS, you'll explore the foundational principles of HTML and CSS, vital for creating web pages. You'll learn how to structure an HTML document and use CSS to stylize your web page's layout.

Aug 3rd 2026
3 Weeks
Learn Styled Components in React (Coursera) Coursera
Scrimba

Learn Styled Components in React (Coursera)

If you are wondering how to enhance your CSS for styling React component systems, styled components are the way to go. Styled components are helpful for many reasons. They reduce class name bugs, they make your components more readable, and they allow you to navigate your CSS more easily. They also allow for dynamic styling and automatic vendor prefixing.

Aug 3rd 2026
1 Week
ES6 JavaScript Classes the Easy Way (Skillshare) Skillshare
Skillshare

ES6 JavaScript Classes the Easy Way (Skillshare)

In 2015, the JavaScript programming language got a major facelift with many improvements to the syntax and tons of new features. This new version is known as ES6, or ES2015, and each year since an updated version has been released. ES6 Classes, as well as instance and static methods, are vitally important to know and understand because so many projects and companies are migrating to the newest version of JavaScript. Many Front End libraries, such as React, rely heavily on the new Class syntax.

Self Paced
Self-Paced
Microservices and Serverless (edX) EdX
IBM

Microservices and Serverless (edX)

Design, develop, deploy, manage and secure applications and solutions on public, private or hybrid cloud platforms. This course will introduce you to 12-factor apps and microservices, concepts that emerged to help organizations work better and faster in a cloud-native manner. You’ll then learn about serverless computing—how it works, what value it brings, and what are specific serverless technologies. You’ll get hands-on with IBM Cloud Functions, a serverless platform on IBM Cloud that lets you develop serverless apps with ease. Finally, you will learn to build and deploy applications using container images on the code engine.

Self Paced
Self-Paced
ES6 - JavaScript Improved (Udacity) Udacity
Udacity

ES6 - JavaScript Improved (Udacity)

Updates to the JavaScript language. ECMAScript 6, or ES6, has brought about a ton of changes to the JavaScript programming language. In this course, you'll explore those changes to learn about the latest features and improvements to the language including new keywords, arrow functions, the Class syntax, Promises, and so much more. Discover how much cleaner and more concise your JavaScript code can be!

Self Paced
Self-Paced
Developing Cloud Apps with Node.js and React (Coursera) Coursera
IBM

Developing Cloud Apps with Node.js and React (Coursera)

In this course, you will focus on server-side JavaScript and frameworks. You will discover ways to make development faster and easier in web browsers and embedded systems. You may ask, what is the relevance of developing cloud applications with Node.js and React? In 2020, the Stack Overflow survey of developers reported that 51.4% of respondents are using Node.js, making it number one in the category of Other Frameworks, Libraries, and Tools. In the Most Loved, Dreaded, and Wanted category for Other Frameworks, Libraries, and Tools, Node.js is in the top ten at 66.8%. In the Web Frameworks category, React is number two at 35.9% in usage and 66.9% in the Most Loved, Dreaded, and Wanted category for Web Frameworks.

Jun 17th 2024
5-12 Weeks
Front-End Developer Capstone (Coursera) Coursera
Meta

Front-End Developer Capstone (Coursera)

The Capstone project enables you to demonstrate multiple skills from the Certificate by solving an authentic real-world problem. Each module includes a brief recap of, and links to, content that you have covered in previous courses in this program. This course will test your knowledge and understanding, and provide you with a platform to show off your new abilities in front-end web development using React. During this course, you will be guided through the process of building an app, combining all the skills and technologies you've learned throughout this program to solve the problem at hand.

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
React Fundamentals (Coursera) Coursera
Board Infinity

React Fundamentals (Coursera)

The React Fundamentals course is designed to provide a comprehensive introduction to React, the popular JavaScript library for building user interfaces. This course is ideal for web developers who are new to React or who have some experience with React and want to deepen their knowledge of the library. The course covers the fundamental concepts of React including components, props, state, and events. Participants will learn how to build simple and complex React components, handle user events, and manage component states.

Jul 27th 2026
3 Weeks