First, you might not need jQuery at all, and just use the Web Platform APIs, but this is another story.

Let’s focus on the question. Should you use jQuery or React?

My answer is this. If you are building a Single Page Application, React is the obvious choice. React was built for this, and will take care of generating the views and rendering the elements in the page without you having to even think about the DOM, aka the nitty-gritty details of how to present the content on the page.

React follows a declarative approach, and using it you can work at a much higher level.

jQuery (or the native browser APIs) should not really be used when building an SPA, as things might get complicated very quickly.

It’s best suited at adding interactive parts to a page that’s most likely server-rendered, although it can co-exist within a React app.

With jQuery you interact directly with the DOM to select elements, using selectors to find the thing in the page you want to act upon.

It’s both much lower level, and more prone to complications as the size of your application grows.

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