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

Introduction to User Experience Design (Coursera) Coursera
Georgia Institute of Technology

Introduction to User Experience Design (Coursera)

CS: Design & Product

The focus of this course is to introduce the learner to User Experience (UX) Design. User Experience design is design that is user centered. The goal is to design artifacts that allow the users to meet their needs in the most effective efficient and satisfying manner. The course introduces the novice to a cycle of discovery and evaluation and a set of techniques that meet the user's needs.

Nov 2nd 2026
5-12 Weeks
Computer Science UX User Experience
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.

Oct 26th 2026
5-12 Weeks
Programming HTML Javascript
Details
Building Interactive Web Pages Using Modern JavaScript (Coursera) Coursera
NIIT StackRoute

Building Interactive Web Pages Using Modern JavaScript (Coursera)

CS: Software Engineering CS: Programming

Most businesses with a strong online presence wish to provide its consumers a rich interactive user experience. HTML5 and CSS3 frameworks help you build a static web page, that displays content and works on any device. However, to make a page interactive you need a programming language that can be understood by the browsers. JavaScript is one of the core technologies of the World Wide Web.

Oct 26th 2026
5-12 Weeks
Javascript JSON DOM
Details
Introduction to Cloud Computing (Coursera) Coursera
IBM

Introduction to Cloud Computing (Coursera)

CS: Information & Technology

Start your cloud computing journey with this self-paced introductory course! Whether you need general cloud computing knowledge for school or business, or you are considering a career change, this beginner-friendly course is right for you. In this course you’ll learn about essential characteristics of cloud computing and emerging technologies supported by cloud. You’ll explore cloud service models, including Infrastructure as a Service (IaaS), Platform as a Service (PaaS), Software as a Service (SaaS), and Public, Private, and Hybrid deployment models.

Nov 2nd 2026
5-12 Weeks
SaaS Cloud Computing Cloud Services
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.

Oct 26th 2026
4 Weeks
Security Android Software Engineering
Details
Fundamentals of Web Development (Coursera) Coursera
Illinois Tech

Fundamentals of Web Development (Coursera)

Computer Science

This course will cover the creation of Web pages and sites using HTML, CSS, Javascript, jQuery, and graphical applications as well as the client and server architecture of the Internet and related web technologies. The creation and deployment of modern, standards-compliant web pages are addressed. Students create and deploy a Web site with multiple pages and cross-linked structures.

Nov 2nd 2026
5-12 Weeks
HTML Javascript CSS
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.

Oct 26th 2026
5-12 Weeks
iOS Mobile Development Swift
Details
Build Your First Android App (Project-Centered Course) (Coursera) Coursera
CentraleSupélec

Build Your First Android App (Project-Centered Course) (Coursera)

CS: Software Engineering

In this project-centered course, you’ll design, build, and distribute your own unique application for the Android mobile platform. We’ll provide you with a set of customizable building blocks that you can assemble to create many different types of apps, and that will help you become familiar with many important specificities of Android development. When you complete the project, in addition to having a personalized app that you can use and share, you’ll have the skills and background you need to move on to more advanced coursework in Android development.

Oct 26th 2026
4 Weeks
Android Applications Web Development
Details
Programming Mobile Applications for Android Handheld Systems: Part 1 (Coursera) Coursera
University of Maryland, College Park

Programming Mobile Applications for Android Handheld Systems: Part 1 (Coursera)

CS: Software Engineering CS: Programming

This course introduces you to the design and implementation of Android applications for mobile devices. You will develop an app from scratch, assuming a basic knowledge of Java, and learn how to set up Android Studio, work with various Activities and create simple user interfaces to make your apps run smoothly.

Oct 26th 2026
5-12 Weeks
Programming Mobile Applications Android Apps
Details
Learn UI Design Fundamentals (Coursera) Coursera
Scrimba

Learn UI Design Fundamentals (Coursera)

CS: Software Engineering CS: Design & Product

The ability to create stunning user interfaces is a skill any frontend developer will benefit from, whether you're in a team, a consultant, or want to build your own projects. This course will teach you the seven fundamentals that underpin any beautiful and effective user interface. Through lectures and interactive exercises, you'll discover the skills you need in order to build UIs that both look amazing and feel great to use. You will build everything in the browser using HTML and CSS, and put your new skills to the test many times throughout the course!

Nov 2nd 2026
1 Week
HTML CSS User Interface Design
Details
Programming and Application Foundations (Coursera) Coursera
Illinois Tech

Programming and Application Foundations (Coursera)

CS: Software Engineering CS: Programming

This course introduces the students to the creation and deployment of modern, standards-compliant web pages written in HTML, CSS, and JavaScript in the context of the client-server architecture of the web. The course also covers the fundamentals of programming in a modern programming language, basic data modeling, database design, implementation, and administration of single-user and shared multi-user database applications using a contemporary relational database management system.

Nov 9th 2026
5-12 Weeks
Programming HTML Javascript
Details