IBM
Developing Front-End Apps with React
IBM

Developing Front-End Apps with React

IBM Skills Network Team
Richa Arora

Instructors: IBM Skills Network Team

Sponsored by IEM UEM Group

71,604 already enrolled

Gain insight into a topic and learn the fundamentals.
4.3

(580 reviews)

Intermediate level

Recommended experience

Flexible schedule
Approx. 14 hours
Learn at your own pace
94%
Most learners liked this course
Gain insight into a topic and learn the fundamentals.
4.3

(580 reviews)

Intermediate level

Recommended experience

Flexible schedule
Approx. 14 hours
Learn at your own pace
94%
Most learners liked this course

What you'll learn

  • Develop interactive user interfaces (UIs) and web applications using JavaScript technologies including React, JSX, and ES6.

  • Build dynamic front-end applications quickly and easily with reusable React components.

  • Employ various React concepts and features, including props, states, hooks, forms, and Redux.

  • Demonstrate your React skills by building several front-end applications such as a shopping cart.

Details to know

Shareable certificate

Add to your LinkedIn profile

Assessments

9 assignments

Taught in English

See how employees at top companies are mastering in-demand skills

Placeholder

Build your subject-matter expertise

This course is available as part of
When you enroll in this course, you'll also be asked to select a specific program.
  • Learn new concepts from industry experts
  • Gain a foundational understanding of a subject or tool
  • Develop job-relevant skills with hands-on projects
  • Earn a shareable career certificate
Placeholder
Placeholder

Earn a career certificate

Add this credential to your LinkedIn profile, resume, or CV

Share it on social media and in your performance review

Placeholder

There are 4 modules in this course

In this module, you begin exploring frameworks and their use in React web development. You will start by comparing libraries and frameworks and then explore front-end frameworks further by learning about prominent features of React. Additionally, the module will introduce the Vite build tool for React project creation and guide you through setting up a React application. Understanding the directory structure will streamline your workflow. Additionally, the module will cover EcmaScript6 (ES6), and JSX fundamentals, including syntax and compilation, empowering you to create dynamic React components effortlessly. Moving forward, you will delve into the concepts of state management, using props, and handling events for each type. Finally, you will master the concept of state and props, understanding how data flows within your components.

What's included

11 videos3 readings3 assignments2 app items1 discussion prompt4 plugins

In this module, you will learn concepts for building dynamic React applications, including function components, arrays, and using the virtual DOM. The first lesson begins with exploring props, default props, and event handling to pass data and create interactions between components. Next, you'll delve into component composition, learning its principles through practical examples. You'll also gain a solid understanding of state management in function components. Additionally, you'll become proficient in utilizing the useState hook to manipulate component states efficiently. In lesson two, you will explore arrays in React components and the virtual DOM. By the end of this module, you will be able to build web applications using React's array handling and the virtual DOM.

What's included

7 videos2 readings3 assignments2 app items3 plugins

In the first lesson of this module, you will explore React hooks and their use for form management. You will also learn how to retrieve data from third-party external services and process it using the forms you build. In the second lesson, you learn Redux library core concepts, such as using actions, the Redux store, and reducers to manage the state of entire applications. You also explore the advantages and Redux use cases. The module will also address the challenges associated with using a synchronous tool such as Redux and how to overcome them using libraries such as Saga and Thunk. Furthermore, the lesson will introduce Redux Toolkit, a suite of utilities designed to simplify Redux tasks and streamline state management in your React applications.

What's included

9 videos2 readings3 assignments3 app items3 plugins

You will create a React shopping cart app for your final project in the final module. You receive a grade on the project through a peer evaluation. You will also evaluate one of your peer’s projects using a rubric with objective grading criteria. You will apply and integrate many skills learned in the instructional modules, including creating functional components and updating those components using states and hooks. You will use Redux to manage states within your application using actions, reducers, and the store. The project architecture allows you to compose components using a nesting structure. You will also manage side effects with useEffect hooks. You will handle user events to render fetched data from an array and trigger corresponding actions. This module has a practice project that will assist you with developing the required components and functionality in the final project.

What's included

2 videos2 readings1 peer review3 app items2 plugins

Instructors

Instructor ratings
4.0 (148 ratings)
IBM Skills Network Team
IBM
58 Courses1,038,249 learners

Offered by

IBM

Why people choose Coursera for their career

Felipe M.
Learner since 2018
"To be able to take courses at my own pace and rhythm has been an amazing experience. I can learn whenever it fits my schedule and mood."
Jennifer J.
Learner since 2020
"I directly applied the concepts and skills I learned from my courses to an exciting new project at work."
Larry W.
Learner since 2021
"When I need courses on topics that my university doesn't offer, Coursera is one of the best places to go."
Chaitanya A.
"Learning isn't just about being better at your job: it's so much more than that. Coursera allows me to learn without limits."

Learner reviews

4.3

580 reviews

  • 5 stars

    65.74%

  • 4 stars

    16.52%

  • 3 stars

    7.22%

  • 2 stars

    4.30%

  • 1 star

    6.19%

Showing 3 of 580

JV
5

Reviewed on Jun 11, 2023

TN
5

Reviewed on Oct 14, 2024

SS
5

Reviewed on Oct 31, 2024

Recommended if you're interested in Computer Science

Placeholder

Open new doors with Coursera Plus

Unlimited access to 10,000+ world-class courses, hands-on projects, and job-ready certificate programs - all included in your subscription

Advance your career with an online degree

Earn a degree from world-class universities - 100% online

Join over 3,400 global companies that choose Coursera for Business

Upskill your employees to excel in the digital economy