4.8
stars
543 ratings

Taught by Meta Staff

39,946 already enrolled

Offered By

About this Course

629,516 recent views

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.

Flexible deadlines

Reset deadlines in accordance to your schedule.

Shareable Certificate

Earn a Certificate upon completion

100% online

Start instantly and learn at your own schedule.

Coursera Labs

Includes hands on learning projects.

Learn more about Coursera Labs

Beginner Level

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

Approx. 26 hours to complete

English

What you will 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 will gain

Web Application
Front-End Web Development
React (Web Framework)
Application development

Flexible deadlines

Reset deadlines in accordance to your schedule.

Shareable Certificate

Earn a Certificate upon completion

100% online

Start instantly and learn at your own schedule.

Coursera Labs

Includes hands on learning projects.

Learn more about Coursera Labs

Beginner Level

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

Approx. 26 hours to complete

English

Instructor

Instructor rating

4.63/5 (163 Ratings)

Taught by Meta Staff

288,480 Learners

58 Courses

Offered by

Syllabus - What you will learn from this course

Content Rating96%(6,814 ratings)

Week1

Week 1

11 hours to complete

React Components

11 hours to complete

15 videos (Total 61 min), 21 readings, 6 quizzes

15 videos

Introduction to the course: React Basics2mHow is React used in the real world?3mWhy React?4mReact.js overview5mIntroduction to functional components6mCreating React components3mThe React project structure6mImporting components4mPrinciples of components: Props5mUsing props in components4mIntroducing JSX4mPractical styling2mEmbedded JSX expressions2mEmbedding in attributes2mModule summary2m

21 readings

Course syllabus for React Basics10mHow to be successful in this course10mBefore you learn React10mJavaScript modules, imports - exports10mWorking with Labs in this course10mAdditional reading5mSetting up a React project in VS Code (Optional)10mTranspiling JSX20mSolution: Your first component5mCustomizing the project20mSolution: Creating and importing components5mAdditional resources for React components and where they live5mDissecting props20mSolution: Passing props5mProps and children20mStyling JSX elements20mJSX syntax and the arrow function20mTernary operators and functions in JSX20mExpressions as props10mSolution: Multiple components5mAdditional resources5m

6 practice exercises

Self review: Your first component9mSelf review: Creating and importing components9mKnowledge check: React components and where they live15mSelf review: Passing props9mSelf review: Multiple components9mModule Quiz30m

Week2

Week 2

7 hours to complete

Data and State

7 hours to complete

13 videos (Total 59 min), 9 readings, 9 quizzes

13 videos

Types of events4mCommon event handling3mSyntax for handlers5mUser events5mParent-child data flow5mChildren and data3mWhat are hooks?3mWhat is state?4mObserving state3mManaging state4mReact state management6mStateful vs. stateless3mModule summary5m

9 readings

Eventful issues20mEvent handling and embedded expressions20mSolution: Dynamic events5mAdditional resources5mData flow in React10mUsing hooks10mProp drilling10mSolution: Managing state in React5mAdditional resources5m

9 practice exercises

Knowledge check: Events and errors15mSelf review: Dynamic events9mKnowledge check: Dynamic events and how to handle them15mKnowledge check: Data flow18mKnowledge Check: State the concept15mKnowledge check: Passing state15mSelf review: Managing state in React9mKnowledge check: State or stateless15mModule quiz: Data and state30m

Week3

Week 3

7 hours to complete

Navigation, Updating and Assets in React.js

7 hours to complete

9 videos (Total 38 min), 10 readings, 6 quizzes

9 videos

Basic Types of navigation5mThe navbar4mConditional rendering4mSingle view conditional updates2mWhat is an asset and where does it live?4mUsing embedded assets3mAudio and video3mCreate an audio / video component2mModule summary: navigation, updating and assets in React.js5m

10 readings

Navigation20mSolution: Creating a route5mApplying conditional rendering10mConditional components10mAdditional resources5mBundling assets10mSolution: Displaying images5mMedia packages10mSolution: Song selection5mAdditional resources5m

6 practice exercises

Self review: Creating a route9mKnowledge check: Navigation15mKnowledge check: Conditional updates15mSelf review: Displaying images9mSelf review: Song selection9mModule quiz: navigation, updating and assets in React.js30m

Week4

Week 4

3 hours to complete

Your first React app

3 hours to complete

3 videos (Total 9 min), 3 readings, 1 quiz

Reviews

4.8

135 reviews

5 stars
81.49%
4 stars
15.30%
3 stars
1.42%
2 stars
0.53%
1 star
1.24%

TOP REVIEWS FROM REACT BASICS

by YYDec 1, 2022

What A Wonderfull Course! I recommend that all beginner react learners take this course. Lastly, thanks for meta to organize this resourceful course.

by KSFeb 4, 2023

The content is concise and understandable.

It helped me a lot.

I would add more videos instead of text and a little more visual content.

by PCDec 25, 2022

I really appreciated the description of the concepts. The delivery was impeccable! I would only request more coding assignments with higher complexity, but that just might be for the next section :D

by AWJan 29, 2023

This react course is very helpful, and the way of explaining things is excellent. I got the confidence to learn to React.

View all reviews

Frequently Asked Questions

When will I have access to the lectures and assignments?
Access to lectures and assignments depends on your type of enrollment. If you take a course in audit mode, you will be able to see most course materials for free. To access graded assignments and to earn a Certificate, you will need to purchase the Certificate experience, during or after your audit. If you don't see the audit option:
The course may not offer an audit option. You can try a Free Trial instead, or apply for Financial Aid.
The course may offer 'Full Course, No Certificate' instead. This option lets you see all course materials, submit required assessments, and get a final grade. This also means that you will not be able to purchase a Certificate experience.
What will I get if I subscribe to this Certificate?
When you enroll in the course, you get access to all of the courses in the Certificate, and you earn a certificate when you complete the work. Your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile. If you only want to read and view the course content, you can audit the course for free.

More questions? Visit the Learner Help Center.

React Basics

About this Course

What you will learn

Skills you will gain