Y
Coursera logo
Log In
Y
Meta
React Basics
  • About
  • Outcomes
  • Modules
  • Testimonials
  • Reviews
  • Recommendations
  1. Computer Science
  2. Mobile and Web Development
Meta

React Basics

This course is part of multiple programs.

This course is part of multiple programs

Meta Front-End Developer Professional Certificate
Meta React Native Specialization
Meta Android Developer Professional Certificate
Meta iOS Developer Professional Certificate
Meta React Specialization
Meta Full-Stack Developer Specialization
Taught by Meta Staff

Instructor: Taught by Meta Staff

Access provided by Yale

199,714 already enrolled

4 modules
Gain insight into a topic and learn the fundamentals.
4.7

(2,453 reviews)

Beginner level

Recommended experience

Recommended experience

Beginner level

None! Learners do not need prior web development experience. Only basic internet navigation skills and an eagerness to get started with coding.

Flexible schedule
3 weeks at 10 hours a week
Learn at your own pace
95%
Most learners liked this course

4 modules
Gain insight into a topic and learn the fundamentals.
4.7

(2,453 reviews)

Beginner level

Recommended experience

Recommended experience

Beginner level

None! Learners do not need prior web development experience. Only basic internet navigation skills and an eagerness to get started with coding.

Flexible schedule
3 weeks at 10 hours a week
Learn at your own pace
95%
Most learners liked this course
  • About
  • Outcomes
  • Modules
  • Testimonials
  • Reviews
  • Recommendations

What you'll 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

Skills you'll gain

  • Front-End Web Development
  • Javascript
  • Web Applications
  • Development Environment
  • Mobile Development
  • UI Components
  • React.js
  • Application Development
  • Hypertext Markup Language (HTML)
  • Cascading Style Sheets (CSS)
  • Debugging

Details to know

Shareable certificate

Add to your LinkedIn profile

Assessments

21 assignments

Taught in English

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

Learn more about Coursera for Business
 logos of Petrobras, TATA, Danone, Capgemini, P&G and L'Oreal

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

There are 4 modules in this course

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.

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.

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.

What's included

15 videos21 readings6 assignments5 ungraded labs2 plugins

15 videos•Total 61 minutes
  • Introduction to the course: React Basics•2 minutes
  • How is React used in the real world?•3 minutes
  • Why React?•4 minutes
  • React.js overview•5 minutes
  • Introduction to functional components•6 minutes
  • Creating React components•3 minutes
  • The React project structure•6 minutes
  • Importing components•4 minutes
  • Principles of components: Props•5 minutes
  • Using props in components•4 minutes
  • Introducing JSX•4 minutes
  • Practical styling•2 minutes
  • Embedded JSX expressions•2 minutes
  • Embedding in attributes•2 minutes
  • Module summary•2 minutes
21 readings•Total 245 minutes
  • Course syllabus for React Basics•10 minutes
  • How to be successful in this course•10 minutes
  • Before you learn React•10 minutes
  • JavaScript modules, imports - exports•10 minutes
  • Working with Labs in this course•10 minutes
  • Additional reading•5 minutes
  • Transpiling JSX•20 minutes
  • Solution: Your first component•5 minutes
  • Customizing the project•20 minutes
  • Solution: Creating and importing components•5 minutes
  • Additional resources for React components and where they live•5 minutes
  • Setting up a React project in VS Code (Optional)•10 minutes
  • Dissecting props•20 minutes
  • Solution: Passing props•5 minutes
  • Props and children•20 minutes
  • Styling JSX elements•20 minutes
  • JSX syntax and the arrow function•20 minutes
  • Ternary operators and functions in JSX•20 minutes
  • Expressions as props•10 minutes
  • Solution: Multiple components•5 minutes
  • Additional resources•5 minutes
6 assignments•Total 81 minutes
  • Module Quiz•30 minutes
  • Self review: Your first component•9 minutes
  • Self review: Creating and importing components•9 minutes
  • Knowledge check: React components and where they live•15 minutes
  • Self review: Passing props•9 minutes
  • Self review: Multiple components•9 minutes
5 ungraded labs•Total 300 minutes
  • Your First Component•60 minutes
  • Creating and importing components•60 minutes
  • Passing props•60 minutes
  • Multiple components•60 minutes
  • Random Number Cards: A Hands-On React App for Beginners•60 minutes
2 plugins•Total 30 minutes
  • Building Your React Foundation: Understanding HTML, CSS, and JavaScript•15 minutes
  • React Components•15 minutes

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.

What's included

13 videos9 readings9 assignments3 ungraded labs1 plugin

13 videos•Total 59 minutes
  • Types of events•4 minutes
  • Common event handling•3 minutes
  • Syntax for handlers•5 minutes
  • User events•5 minutes
  • Parent-child data flow•5 minutes
  • Children and data•3 minutes
  • What are hooks?•3 minutes
  • What is state?•4 minutes
  • Observing state•3 minutes
  • Managing state•4 minutes
  • React state management•6 minutes
  • Stateful vs. stateless•3 minutes
  • Module summary•5 minutes
9 readings•Total 90 minutes
  • Eventful issues•20 minutes
  • Event handling and embedded expressions•20 minutes
  • Solution: Dynamic events•5 minutes
  • Additional resources•5 minutes
  • Data flow in React•10 minutes
  • Using hooks•10 minutes
  • Prop drilling•10 minutes
  • Solution: Managing state in React•5 minutes
  • Additional resources•5 minutes
9 assignments•Total 141 minutes
  • Module quiz: Data and state•30 minutes
  • Knowledge check: Events and errors•15 minutes
  • Self review: Dynamic events•9 minutes
  • Knowledge check: Dynamic events and how to handle them•15 minutes
  • Knowledge check: Data flow•18 minutes
  • Knowledge Check: State the concept•15 minutes
  • Knowledge check: Passing state•15 minutes
  • Self review: Managing state in React•9 minutes
  • Knowledge check: State or stateless•15 minutes
3 ungraded labs•Total 180 minutes
  • Dynamic events•60 minutes
  • React Counter App: Handling Events with useState•60 minutes
  • Managing state in React•60 minutes
1 plugin•Total 15 minutes
  • React state•15 minutes

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.

What's included

9 videos10 readings6 assignments1 discussion prompt4 ungraded labs

9 videos•Total 37 minutes
  • Basic Types of navigation•5 minutes
  • The navbar•4 minutes
  • Conditional rendering•4 minutes
  • Single view conditional updates•2 minutes
  • What is an asset and where does it live?•4 minutes
  • Using embedded assets•3 minutes
  • Audio and video•3 minutes
  • Create an audio / video component•2 minutes
  • Module summary: navigation, updating and assets in React.js•5 minutes
10 readings•Total 85 minutes
  • Navigation•20 minutes
  • Solution: Creating a route•5 minutes
  • Applying conditional rendering•10 minutes
  • Conditional components•10 minutes
  • Additional resources•5 minutes
  • Bundling assets•10 minutes
  • Solution: Displaying images•5 minutes
  • Media packages•10 minutes
  • Solution: Song selection•5 minutes
  • Additional resources•5 minutes
6 assignments•Total 87 minutes
  • Module quiz: navigation, updating and assets in React.js•30 minutes
  • Self review: Creating a route•9 minutes
  • Knowledge check: Navigation•15 minutes
  • Knowledge check: Conditional updates•15 minutes
  • Self review: Displaying images•9 minutes
  • Self review: Song selection•9 minutes
1 discussion prompt•Total 10 minutes
  • What challenges did you encounter when creating your song selection feature?•10 minutes
4 ungraded labs•Total 240 minutes
  • Creating a route•60 minutes
  • Dynamic Component Rendering in React: A Login/Logout App•60 minutes
  • Displaying images•60 minutes
  • Song selection•60 minutes

In this module, you will be assessed on the key skills covered in the Course.

What's included

3 videos3 readings1 peer review2 discussion prompts1 ungraded lab

3 videos•Total 8 minutes
  • Course recap: React Basics•2 minutes
  • Exemplar: Build a calculator app•4 minutes
  • Congratulations, you completed React Basics!•2 minutes
3 readings•Total 20 minutes
  • About this graded assessment: Calculator app•5 minutes
  • Solution: Build a calculator app•10 minutes
  • Next steps•5 minutes
1 peer review•Total 60 minutes
  • Peer review: Build a calculator app•60 minutes
2 discussion prompts•Total 20 minutes
  • Share the challenges you encountered when creating your calculator app•10 minutes
  • What did you find most interesting in this course?•10 minutes
1 ungraded lab•Total 60 minutes
  • Build a calculator app•60 minutes

Earn a career certificate

Add this credential to your LinkedIn profile, resume, or CV. Share it on social media and in your performance review.

Instructor

Instructor ratings

Instructor ratings

We asked all learners to give feedback on our instructors based on the quality of their teaching style.

4.6 (706 ratings)
Taught by Meta Staff
Taught by Meta Staff
Meta
129 Courses•1,204,832 learners

Offered by

Meta

Offered by

Meta

Meta builds technologies that help people connect with friends and family, find communities, and grow businesses. The Meta Professional Certificates create opportunities so that anyone regardless of education, background or experience can learn high-quality skills to land a high-growth career—no degree or experience required to get started. Meta also offers training courses on the metaverse to educate people, brands, businesses and professionals on the opportunities it presents and what it means for our world today and into the future.

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

2,453 reviews

  • 5 stars

    78.40%

  • 4 stars

    16.66%

  • 3 stars

    2.81%

  • 2 stars

    1.05%

  • 1 star

    1.05%

Showing 3 of 2453

A
AK
5

Reviewed on Aug 25, 2023

React Basics is an incredible course. I am extremely proud that I have completed this important course. I am really satisfied with this course and care.

A
AC
5

Reviewed on Dec 3, 2023

The course is a great introduction to React framework, which I knew nothing about before. I am interested to learn more. The teacher spoke clearly and I rarely rewinded the videos.

R
RM
5

Reviewed on Sep 18, 2023

It's exactly what the name implies, it is a good overview of react and teaches you the basic concepts. The only critique I have is that the peer reviewed project is a little too simple.

View more reviews

Explore more from Computer Science

  • P

    Packt

    ReactJS - The Beginner Masterclass

    Course

  • M

    Meta

    React Native

    Course

  • B

    Board Infinity

    React Fundamentals

    Course

  • M

    Meta

    Advanced React

    Course

Coursera Footer

Skills

  • Artificial Intelligence (AI)
  • Cybersecurity
  • Data Analytics
  • Digital Marketing
  • English Speaking
  • Generative AI (GenAI)
  • Microsoft Excel
  • Microsoft Power BI
  • Project Management
  • Python

Certificates & Programs

  • Google Cybersecurity Certificate
  • Google Data Analytics Certificate
  • Google IT Support Certificate
  • Google Project Management Certificate
  • Google UX Design Certificate
  • IBM Data Analyst Certificate
  • IBM Data Science Certificate
  • Machine Learning Certificate
  • Microsoft Power BI Data Analyst Certificate
  • UI / UX Design Certificate

Industries & Careers

  • Business
  • Computer Science
  • Data Science
  • Education & Teaching
  • Engineering
  • Finance
  • Healthcare
  • Human Resources (HR)
  • Information Technology (IT)
  • Marketing

Career Resources

  • Career Aptitude Test
  • Examples of Strengths and Weaknesses for Job Interviews
  • High-Income Skills to Learn
  • How Does Cryptocurrency Work?
  • How to Highlight Duplicates in Google Sheets
  • How to Learn Artificial Intelligence
  • Popular Cybersecurity Certifications
  • Preparing for the PMP Certification
  • Signs You Will Get the Job After an Interview
  • What Is Artificial Intelligence?

Coursera

  • About
  • What We Offer
  • Leadership
  • Careers
  • Catalog
  • Coursera Plus
  • Professional Certificates
  • MasterTrack® Certificates
  • Degrees
  • For Enterprise
  • For Government
  • For Campus
  • Become a Partner
  • Social Impact
  • Free Courses
  • Share your Coursera learning story

Community

  • Learners
  • Partners
  • Beta Testers
  • Blog
  • The Coursera Podcast
  • Tech Blog

More

  • Press
  • Investors
  • Terms
  • Privacy
  • Help
  • Accessibility
  • Contact
  • Articles
  • Directory
  • Affiliates
  • Modern Slavery Statement
  • Do Not Sell/Share
Learn Anywhere
Download on the App Store
Get it on Google Play
Logo of Certified B Corporation
© 2025 Coursera Inc. All rights reserved.
  • Coursera Facebook
  • Coursera Linkedin
  • Coursera Twitter
  • Coursera YouTube
  • Coursera Instagram
  • Coursera TikTok
Coursera

Welcome back

New to Coursera?

Having trouble logging in? Learner help center

Close