Coursera

Developing Front-End Apps with React (Coursera)

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

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 Coursera'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 Will Learn

  • 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.

Syllabus

Building Rich Front-End Applications with React and ES6
As you become more proficient with JavaScript, you will find that it is a very dynamic language and looks different from the typical object-oriented languages. Now you will discover new features that make developing simpler and faster than older JavaScript capabilities. Explore how to access the React web framework user interface (UI) library and run a simple React application. Find ways to use React components and change their properties and states in a dynamic UI.

React Components
How do you think data is managed in React? Changes in the component data are managed using state and props in a React application. In addition, you can pass data and state between components. You will discover the three phases of a component lifecycle and the methods used in each phase. Use hands-on experience to connect to an external server from a React page. Learn about the different approaches to test a component. Know about the different testing tools that you can use to test the component without manual verification.

Advanced React
Having problems with massive unmanageable applications? Learn about new features like Hooks and Redux to write complicated components. You will learn how Hooks handle events and logics in functional components without using classes. Redux offers a centralized state management system in your application. Learn all about the Redux elements involved in updating of the component properties.

Final Project
In the final project, you will create a React Budget Allocation app. You will learn how to break down a UI into React components and become familiar with state using the Context API. Furthermore, you will explore actions, reducers, and the dispatch function. Finally, you will create a code file, save it, and edit it to make changes.

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

Related Courses

Developing Responsive Web Pages Using HTML5 and CSS3 (Coursera) Coursera
NIIT StackRoute

Developing Responsive Web Pages Using HTML5 and CSS3 (Coursera)

CS: Software Engineering CS: Programming

The number of mobile users has increased exponentially over the past few years. Shopping, social connect, entertainment and other activities are just a few clicks away for these mobile users. A responsive web design adjusts the layout and appearance of the web pages to suit the resolution and width of the screens. This makes a web page look attractive on devices with diverse screen sizes. Designing a well-organized, responsive, and user-friendly web page has therefore become the need of the hour.

Jun 22nd 2026
3 Weeks
HTML5 Bootstrap Web Development
Details
Web Application Development: Basic Concepts (Coursera) Coursera
University of New Mexico

Web Application Development: Basic Concepts (Coursera)

CS: Software Engineering CS: Information & Technology

This is the first course in a Coursera Specialization track involving Web Application Architectures. This course will give you the basic background, terminology and fundamental concepts that you need to understand in order to build modern full stack web applications. A full stack web developer is familiar with each "layer" of the software technologies involved in a web application, including data modeling and database technologies, the web server environment and middleware components, network protocols, the user interface and basic visual design and user interaction concepts.

Jun 22nd 2026
5-12 Weeks
Web Databases Data Modeling
Details
Advanced Django: Advanced Django Rest Framework (Coursera) Coursera
Codio

Advanced Django: Advanced Django Rest Framework (Coursera)

CS: Software Engineering Computer Science

Code and run Django websites without installing anything! This course is designed for learners who are familiar with Python and basic Django skills (similar to those covered in the Django for Everybody specialization). The modules in this course cover testing, performance considerations such as caching and throttling, use of 3rd party libraries, and integrating frontends within the context of the Django REST framework.

Jun 22nd 2026
4 Weeks
Python Javascript Django Framework
Details
Introduction to Web Development (Coursera) Coursera
University of California, Davis

Introduction to Web Development (Coursera)

CS: Software Engineering CS: Programming

This course is designed to start you on a path toward future studies in web development and design, no matter how little experience or technical knowledge you currently have. The web is a very big place, and if you are the typical internet user, you probably visit several websites every day, whether for business, entertainment or education. But have you ever wondered how these websites actually work? How are they built? How do browsers, computers, and mobile devices interact with the web? What skills are necessary to build a website? With almost 1 billion websites now on the internet, the answers to these questions could be your first step toward a better understanding of the internet and developing a new set of internet skills.

Jun 22nd 2026
5-12 Weeks
Programming HTML Javascript
Details
Software Testing for Developers (Coursera) Coursera
Codio

Software Testing for Developers (Coursera)

CS: Software Engineering

Code and run software tests websites without installing anything! This course is designed for learners who have some experience with JavaScript but a novice to software testing. The modules in this course covers the fundamentals of testing with Jest; popular testing paradigms like test-driven development, behavior-driven development, user accepting testing, etc.; and commonly used tools like JMeter, Postman, and Cucumber.

Jun 22nd 2026
3 Weeks
Javascript Software Testing Selenium
Details
The Full Stack (Coursera) Coursera
Meta

The Full Stack (Coursera)

Computer Science

As you prepare for your role in back-end development, practice bringing together multiple skills to build a full-stack Django app. You’ll start by setting up an environment for a local practical project, and refactoring the front and back-ends of an existing application. You will then have the opportunity to create the front and back-ends of a new application using your full-stack developer skills.

Jun 22nd 2026
5-12 Weeks
HTML Javascript CSS
Details
Engineering Maintainable Android Apps (Coursera) Coursera
Vanderbilt University

Engineering Maintainable Android Apps (Coursera)

CS: Software Engineering Computer Science

Engineering Maintainable Android Apps, which is a 4 week MOOC that shows by example various methods for engineering maintainable Android apps, including test-driven development methods and how to develop/run unit tests using JUnit and Robotium (or equivalent automated testing frameworks for Android), as well as how to successfully apply common Java/Android software patterns to improve the extensibility and clarity of Android apps.

Jun 22nd 2026
4 Weeks
Security Android Software Engineering
Details
Advanced Styling with Responsive Design (Coursera) Coursera
University of Michigan

Advanced Styling with Responsive Design (Coursera)

CS: Software Engineering

It used to be the case that everyone viewed webpages on about the same size screen. But with the explosion of the use of smartphones to access the Internet, the landscape of design has completely changed. People viewing your site will now expect that it will perform regardless of the platform (smartphone, tablet, laptop, or desktop computer). This ability to respond to any platform is called responsive design.

Jun 22nd 2026
4 Weeks
Javascript Bootstrap Web Design
Details
App Design and Development for iOS (Coursera) Coursera
University of Toronto

App Design and Development for iOS (Coursera)

CS: Software Engineering CS: Programming

In App Design and Development for iOS, the third course of the iOS App Development with Swift specialization, you will be developing foundational programming skills to support graphical element presentation and data manipulation from basic functions through to advanced processing. You will continue to build your skill set to use and apply core graphics, touch handling and gestures, animations and transitions, alerts and actions as well as advanced algorithms, threading and more. By the end of this course you will be able to develop a more advanced, fully functioning app.

Jun 22nd 2026
5-12 Weeks
iOS Mobile Development Swift
Details
Computational Thinking with JavaScript 3:Organise & Interact (Coursera) Coursera
University of Glasgow

Computational Thinking with JavaScript 3:Organise & Interact (Coursera)

CS: Software Engineering CS: Programming

This third course in the Computational Thinking with JavaScript specialization applies your developing JavaScript skills learned in the first two courses to the world of the web. You will learn how HTML and JavaScript together support the web pages with which we are so familiar, and develop skills so that you can create your own. As well as text presentation, at the heart of HTML, you will learn how to develop interactive, animated graphics, using JavaScript to dynamically add, remove and adjust the HTML objects on the screen.

Jun 22nd 2026
4 Weeks
HTML Javascript Computational Thinking
Details
Introduction to HTML5 (Coursera) Coursera
University of Michigan

Introduction to HTML5 (Coursera)

CS: Programming

Thanks to a growing number of software programs, it seems as if anyone can make a webpage. But what if you actually want to understand how the page was created? There are great textbooks and online resources for learning web design, but most of those resources require some background knowledge. This course is designed to help the novice who wants to gain confidence and knowledge. We will explore the theory (what actually happens when you click on a link on a webpage?), the practical (what do I need to know to make my own page?), and the overlooked (I have a page, what do I do now?).

Jun 22nd 2026
3 Weeks
Programming HTML HTML5
Details