React Basics
Get started with React: components, JSX, events, and the fundamentals.

Join the AI Workshop to learn more about AI and how it can be applied to web development. Next cohort February 1st, 2026

The AI-first Web Development BOOTCAMP cohort starts February 24th, 2026. 10 weeks of intensive training and hands-on projects.


React is a JavaScript library for the browser that aims to simplify the development of user interfaces.

It’s called a frontend library, because React is concerned with the frontend only, what runs inside the browser.

It’s not concerned with server-side or how to access data from a database. That is something left to other libraries we can combine with React, or to so-called meta-frameworks like Remix and Next.js

React in itself is basically an abstraction of the DOM API we saw in the DOM unit.

Developed at Facebook and released in 2013, it drives some of the most widely used apps, powering Facebook and Instagram among countless other applications.

Its primary goal is to make it easy to think about an interface and its state at any point in time, by dividing the UI into a collection of components.

You will find some initial difficulties learning React, but once it “clicks”, I guarantee it will be one of the best experiences you will have, because React makes many things more manageable than ever, and its ecosystem is filled with great libraries and tools.

Basic React usage requires you to know a small set of features, and you basically need to understand 4 concepts to get started:

  • Components
  • JSX
  • State
  • Props

We’ll explore all of these in this unit.

Of course there’s more, for more advanced usage, but we can start with those.

Lessons in this unit:

0: ▶︎ Introduction
1: Setting up a React project with Vite
2: React Components
3: Introduction to JSX
4: Using JSX to compose UI
5: The difference between JSX and HTML
6: Embedding JavaScript in JSX
7: Handling user events
8: Install the React Developer Tools
9: Getting started with JSX
10: How to return multiple elements in JSX
11: How to learn React
12: Should you use jQuery or React?
13: React concepts: declarative
14: The Virtual DOM
15: The roadmap to learn React
16: What’s new in React 19
17: How to install React
18: The React Fragment
19: React, how to transfer props to child components
20: React PropTypes
21: React DOM events on components
22: How to pass a parameter to event handlers in React