Home/Courses/Software Development/React Fundamentals
Board Infinity Intermediate · Offered on Coursera

React Fundamentals

Start with JavaScript fundamentals, move into React components, props, state, hooks and Redux, and finish by building an interactive Tic-Tac-Toe application from reusable components.

Enroll on Coursera
Intermediate level 2 weeks · 10 hours/week 3 modules · 12 assignments Taught in English · 7 languages available
Want a mentor alongside the course? See 1:1 coaching (a separate Board Infinity service)
Introduction to the course · 1:34

React Fundamentals

By Board Infinity · Offered on Coursera

  • 3 modules · 12 assignments
  • Intermediate level · 2 weeks at 10 hours a week
  • Shareable certificate on completion
  • Flexible schedule - learn at your own pace
Enroll on Coursera

JavaScript first

Module one builds the language and the DOM before React appears

Graded, not just watched

12 assignments across three modules, plus a peer-reviewed project

A project to finish on

An interactive Tic-Tac-Toe app built from reusable React components

6 Lakh+learners on our Coursera courses
10+domains covered
270+courses
57+specializations
01 About the course

JavaScript first, then React, then a real app.

The course does not assume React, or even JavaScript. It builds the language, then the DOM, then React itself, and ends with a working project.

3
Modules
JavaScript → React → project
53
Video lessons
Short, averaging about 5 minutes
12
Assignments
Graded and practice quizzes
2 wk
At 10 hours a week
Flexible schedule, self-paced

React Fundamentals starts where most React courses assume you already are. Module one is JavaScript itself - variables, data types, operators, control structures and functions - then DOM manipulation, event handling and AJAX, with error and exception handling to close.

Module two is React: JSX, components, props and state, then the useEffect and useContext hooks, API calls with useEffect, and Redux. Every topic is a short video followed by a quiz on the same idea.

Module three is the capstone. You build a complete, interactive Tic-Tac-Toe application step by step - project setup, a Board component, a reusable interactive Square component and the logic for turns - and submit it for peer review.

02 Who it’s for

For people who want React taught in order.

No prior JavaScript or React experience is required - the course begins with JavaScript fundamentals. If one of these is you, that is the starting point it was built for.

New to React

Web developers new to React

You know your way around HTML, CSS and some JavaScript, and want React taught as a sequence rather than in fragments.

Some exposure

Learners with some React exposure

You have followed a tutorial or two. A structured path with 12 assignments turns that into a foundation you can build on.

Basic programming

Basic programming familiarity

Familiarity with programming helps, but nothing more is assumed. Module one starts with variables, data types and your first JavaScript program.

Next step

Moving from JavaScript into React

You write vanilla JavaScript and want the step into components, props, state, hooks and Redux - with a project at the end.

03 What you’ll learn

Four outcomes, in the order they build.

These are the four learning outcomes listed for the course on Coursera.

Module 1

Interactive web pages with JavaScript

Build interactive web pages using core JavaScript, DOM manipulation, and event handling.

Module 2

Dynamic user interfaces with React

Apply JSX and React components with props and state to build dynamic user interfaces.

Module 2

Hooks and Redux in React applications

Develop React applications using hooks like useEffect and useContext alongside Redux.

Module 3

A complete interactive React project

Design a complete interactive React project as the course capstone.

1:1 coaching · optional add-on

Learn React with someone in your corner.

A dedicated coach who builds with React for a living - someone who can look at the component that will not re-render and tell you why.

Book a demo session
  • A coach matched to your goal in 24 hours
  • A written roadmap you keep
  • Weekly sessions for as long as you want them

60-minute demo session · 100% refundable · no obligation to continue

Get unstuck in minutes

The state that will not update or the hook that runs twice, explained by someone who has seen it.

Your components read line by line

Not just whether it renders - whether you would want to maintain it.

Practice beyond the quizzes

Components set for you, then reviewed, so the syntax turns into fluency.

Aim it at a role

What to learn after Tic-Tac-Toe - routing, testing, a backend - for the frontend role you want.

2,000+Industry coaches
16Domains covered
4.8/5Average coach rating
48,000+Sessions delivered

1:1 coaching is a separate Board Infinity service. It is not part of the Coursera course, and enrolling on Coursera does not include a personal coach.

04 Syllabus

Three modules, from your first variable to a working app.

About 17 hours end to end, fully self-paced. Every module lists what you can do by the end of it, exactly what is inside it, and what you leave with.

53 videos 10 readings 12 assignments ≈ 17 hours
By the end of this module you can
  • Set up a development environment and write your first JavaScript program
  • Apply variables, data types, operators, arrays, strings, conditionals, loops and functions
  • Access, manipulate, create and remove DOM elements, and modify styles and attributes
  • Respond to user input with events, load content with AJAX, and handle errors and exceptions
What’s inside
28 videos143 min
5 readings130 min
6 assignments180 min
1 plugin15 min
Topics covered
JavaScript introductionDevelopment environmentVariables & data typesOperatorsArrays & stringsConditionals & loopsFunctions & scopeThe DOMStyles & attributesEvents & user interactionAJAXError handling
You leave with: interactive web pages driven by core JavaScript, DOM manipulation and event handling.
By the end of this module you can
  • Explain what React is, how the Virtual DOM works, and how to set up a React project
  • Navigate the React directory structure and write JSX
  • Build React components and manage data with props and state
  • Use the useEffect and useContext hooks, make API calls with useEffect, and apply React Redux
What’s inside
16 videos82 min
3 readings90 min
4 assignments105 min
Topics covered
Introduction to ReactVirtual DOMReact setupDirectory structureJSXComponentsPropsStateuseEffectAPI calls with useEffectuseContextReact ReduxRedux application
You leave with: React components with props, state and hooks, API calls made with useEffect, and a Redux application.
By the end of this module you can
  • Plan an approach for building Tic-Tac-Toe in React
  • Set up the project and create the Board component
  • Create a reusable component and an interactive Square component
  • Write the logic for turns and wrap up the finished project
What’s inside
9 videos58 min
2 readings20 min
2 assignments30 min
1 peer review120 min
Project steps
Project OverviewApproach for building Tic-Tac-ToeSetting up the projectCreating Board ComponentProject ComponentsCreating a Reusable ComponentCreating an interactive square componentWriting logic for turnsWrapping up the Project
You leave with: a complete interactive Tic-Tac-Toe application built from reusable React components, submitted for peer review.

Every lesson title and duration, module by module, is in the . Assignments are a mix of graded and practice quizzes; Coursera notes that some are AI-graded.

05 Tools & skills

The stack behind a React front end, and the skills you leave with.

Coursera lists two skills and one tool for this course. The rest is what the lessons actually cover.

The language

JavaScript

Module one, start to finish: variables, data types, operators, arrays, strings, control flow, functions, the DOM, events, AJAX and error handling.

The library

React

JSX, components, props and state, the useEffect and useContext hooks, and the Tic-Tac-Toe capstone built from reusable components.

State management

Redux

React Redux and a Redux application close out module two, alongside the hooks.

Coursera-listed tool

Bootstrap

Listed on Coursera as the course tool - Bootstrap (Front-End Framework) - next to the skills HTML and CSS and Javascript.

Skills you leave with

The two skills Coursera lists, the concepts the lessons cover, and the free tools you need to follow along.

Coursera-listed skills

Exactly as Coursera lists them for this course.

  • HTML and CSS
  • Javascript
  • Bootstrap (Front-End Framework)Listed as the course tool

Course concepts

What the lessons cover, module by module.

  • DOM manipulation, events and AJAX
  • JSX and React components
  • Props and state
  • useEffect and useContext hooks
  • Redux

What you need

From the Coursera FAQ. All of it is free.

  • A code editor such as VS Code
  • A modern web browser
  • Node.js, to run React projects locally
Shareable certificate

Proof you can link to.

Complete the course and Board Infinity issues a shareable certificate through Coursera. Add it to your LinkedIn profile, your resume or CV, share it on social media, or bring it to a performance review.

Issued on completing the required assessments under the applicable Coursera enrollment or subscription conditions. This is a course completion certificate from Board Infinity on Coursera, not an accreditation or an official React, Meta or Microsoft certification.

On your LinkedIn profile

Filed under Licenses & Certifications, where recruiters actually look.

Resume, CV or social media

A named credential for the JavaScript and React work you completed.

Earned on graded work

Awarded on the 12 assignments and the peer-reviewed Tic-Tac-Toe project - it reflects what you built.

Two names on it

Board Infinity as the provider, Coursera as the platform.

06 Career impact

React is how much of the front end gets built - this is the entry point.

Component-based UI work in React runs through frontend roles. These are the areas the course content maps to - no outcomes are promised.

Where these skills are used

Frontend Developer

The direct path. The DOM, events and component-based UI work in React are everyday parts of the role.

React Developer

Roles centred on React itself - components, props, state, hooks and Redux, which modules two and three cover.

UI Engineer

Turning designs into interactive interfaces - the DOM, events and component work this course practises.

Interactive web applications

Interfaces that respond to user input - from vanilla JavaScript event listeners to React state.

UI development

Reusable components, props and state as the building blocks of an interface - the way the Tic-Tac-Toe project is put together.

JavaScript-based frontend work

Everything here runs on JavaScript. Module one makes sure the language is solid before React arrives.

The honest comparison

React is free to learn. So what does a course add?

Every topic in this course is covered somewhere online for free, and plenty of free tutorials are excellent. What a structured course adds is the order you learn things in, the checking that makes it stick, and something to show at the end. Here is the factual difference.

What you get
This structured course
Scattered tutorials
Sequential learning pathJavaScript → DOM → React → hooks and Redux → project
Three modules that build on each other
Potentially fragmented; varies by creator
JavaScript → React progressionThe language before the library
Module one is JavaScript, module two is React
Varies by creator
Quizzes and assessmentsFinding out what you actually know
12 assignments, graded and practice
Depends on source
Final projectSomething you built, not just watched
Tic-Tac-Toe from reusable components, peer reviewed
Depends on source
Shareable Coursera certificateFor LinkedIn, a resume or a review
Issued through Coursera on completion
Not necessarily available
07 Where to go next

This course is step two of three.

React Fundamentals is course 2 of the Building React and ASP.NET MVC 5 Applications Specialization on Coursera. Completing this course on its own does not complete the specialization - the two courses around it do the rest.

See the whole path on the specialization page on Coursera.

Know exactly what you’re signing up for.

3 modules · 53 videos · 12 assignments · every lesson title and duration · free PDF

08 FAQ

Common questions

Based on the questions answered on the Coursera course page.

About the course

Web developers new to React, and learners with some React exposure who want a structured learning path. Basic programming familiarity helps, but module one builds the JavaScript fundamentals first.

No. The Coursera course page states that no prior JavaScript or React experience is required, because the course begins with JavaScript fundamentals before introducing React.

Core JavaScript, DOM manipulation and event handling, then React fundamentals - JSX, components, props, state, the useEffect and useContext hooks and Redux. The final module is a complete interactive React project: a Tic-Tac-Toe application built from reusable components.

A code editor such as VS Code, a modern web browser, and Node.js to run React projects locally. All of these are free. Coursera also lists Bootstrap (Front-End Framework) as the course tool.

About 2 weeks at roughly 10 hours a week, across 3 modules and about 17 hours of material. Because it is self-paced, you can move faster or slower depending on your schedule.

Yes. The schedule is flexible, deadlines adjust around you, and you can revisit modules such as hooks or Redux as often as you need.

Yes. Module three, Front End Application by using Javascript and React JS, builds a Tic-Tac-Toe application step by step - project setup, the Board component, a reusable interactive Square component and the logic for turns - and ends with a peer-reviewed submission.

Yes. This page is Board Infinity’s own overview of the course. Enrollment, pricing, lessons, grading and the certificate all happen on Coursera, where the course is hosted.

Certificate, support & career

Yes. When you complete the required assessments under the applicable Coursera enrollment or subscription conditions, you receive a shareable certificate you can add to your LinkedIn profile, resume or CV.

The Coursera course does not include personal 1:1 mentorship. It provides Coursera Labs for hands-on practice, in-course plugins for quick check-ins, and structured feedback through quizzes and graded assessments. Board Infinity’s 1:1 coaching is a separate, optional service.

The Coursera course page notes that the hands-on work on JSX, hooks and Redux, and the final Tic-Tac-Toe project, can be relevant to frontend interview preparation and give you something concrete to discuss. It does not guarantee any interview or job outcome.

Coursera states that financial aid or scholarships may be available for select learning programs. If it applies to this course, a link to apply appears on the Coursera course page. Eligibility is decided by Coursera, not guaranteed.

Want someone building this with you?

Board Infinity 1:1 coaching pairs you with a practitioner while you take the course. Optional, and separate from the Coursera enrollment.

See 1:1 coaching

Ready to build with React?

One sequenced path, three modules, one working project at the end. Enrollment, lessons, grading and the certificate all happen on Coursera.

JavaScript fundamentalsReactHooks & ReduxInteractive Tic-Tac-Toe project
Enroll on Coursera

Intermediate · 2 weeks at 10 hours a week · Flexible schedule · Shareable certificate

React Fundamentals Enroll on Coursera