Unlock the full course

You have reached the end of the free trial. Get access to all lessons, challenges, projects & flashcards with a one-time payment that gives you access for 5 years.

Our approach to fair and supportive pricing.

What you will get

What you will learn

This course covers React 19 from scratch. The entire course was updated to React 19 in 2026. We've got a unique approach as we like to dive into the details so that you can fully understand how React works.
The lessons & challenges will guide you through these topics step by step while building the online supermarket shopping app:

  • React.createElement
  • JSX
  • Advanced JSX
  • React DOM
  • Components
  • Props
  • State
  • Hooks
  • Rules of React
  • Closures
  • Events
  • Immutability
  • Array immutability
  • State with Arrays
  • Object immutability
  • State with Objects
  • Accessibility
  • Lazy loading
  • Forms
  • Functional state
  • Effect hook
  • Component lifecycle
  • Advanced State
  • Effect performance
  • Advanced Hooks
  • Tanstack query
  • Context
  • React Router
  • Lifting state up
  • Virtual DOM
  • Suspense
  • Document metadata
  • Transitions
  • Custom hooks
  • Intro to testing (lessons)
  • React Server Components
  • Client-Server Boundary
  • Async components
  • "use client" directive
  • "use server" directive
  • use() hook
  • Server-side fetching
  • React Compiler
  • React DevTools
  • Memoization
  • useMemo
View all chapters →

SuperM Projects

Throughout this course, you will be developing SuperM step by step.

SuperM — Online Supermarket Shopping App

SuperM is an online supermarket shopping app that fetches products from an API, uses React Router for routing, and Context for authentication.

Reviews

I've taken a lot of online courses. Most of them are video based and it is simply you following along with VScode creating whatever project(s) the instructor is doing. However this course was both challenging, fun, and engaging. It had given me a great foundation to start building my own apps. Highly recommend the course!

- Aron (Student of React Tutorial—verified purchase)

It was one of the best step-by-step and well structured React courses, where lessons were combined with the challenges so that it "clicks" right away. Complex topics were explained in the easy manner and the features like Hints, Tests or Flashcards together with the Saving notes makes learning and implementing a pleasant and very practical experience!

- Madina (Student of React Tutorial—verified purchase)

Frequently asked questions

Here are some of the most asked questions. If you have any other question, considercontacting support.

Payment

Is it a one-time payment or subscription?

Yes, it is a one-time payment that gives you access for 5 years.
If you'd like to use the app after those 5 years, you will have to make a new payment. We will not automatically charge your card and there is no automatic renewal.
We believe that you should not have to pay monthly except for Gas, Water & Electricity (and maybe Netflix). This encourages you to take your time while working on the course, rather than rushing it. Note that the payment is only valid for this course.

What happens after my PRO account expires (after 5 years)?

The majority of students will not need to access their accounts past the 5 years mark. After 5 years, your account will be downgraded from PRO. You will have the option to upgrade again. There is no automatic renewal and your card will not be automatically charged.

Can I pay in a different currency?

Yes, you can! You can pay in your own currency so that you don't incur a cost for currency exchange. Contact support if your currency is not available in the dropdown above (subject to availability).
The exchange rates are refreshed on our backend as frequently as every 5 minutes. The latest exchange rate will be used. If you keep the page open for long, you may be seeing an amount based on an outdated exchange rate. You will have to reload the page to get the view the latest price in your currency.

How do you process my payment?

We use Stripe or Paypal to process your payments and your credit card information never touches our servers.

Can I use the account for more than one person?

No, every paid account is meant to be used by one person only. We perform manual and automated checks while guaranteeing privacy.
Your account is tied to your GitHub username.

Do I get access to other courses?

No, other courses on different domains have a different price and PRO membership.

Do you offer a discount for bundles (multiple courses)?

Yes, for courses you haven't purchased yet. You can bundle courses and get a discount. The first bundled course will give you a 10% discount. Every additional course will add a 5% discount.

The bundle discount cannot be combined with other discounts.

Can I gift the course?

Yes, this is possible. Please contact support for more information.

VAT

I am a company registered in the EU. Can I use reverse VAT charge?

Yes, you can! Please note that this has to be done before you pay for the course. You can enter your VAT number by clicking on the VAT Info button. Please note that this is not available if your company is registered in the Netherlands.

How is VAT calculated?

VAT is finalized after you complete the payment because only then we will be able to know whether VAT should be collected or not. In both cases, the price will not change as the VAT is extracted from the amount you pay. You will be able to see whether VAT has been charged or not in your invoice.

Invoicing

Can I get an invoice?

You will automatically receive a (Business to Consumer) invoice after your payment by email. You will have the option to update this invoice with your (company) details within 30 days. Please note that if you require an EU VAT reverse charge invoice, then you should click on the VAT Info button and enter your VAT number before making the purchase.

What are the company details?

The company is registered in the Netherlands. You can find the company details below:

Company name: Jad Joubran B.V.
Chamber of Commerce number: 82283095
VAT Number: NL862410228B01

PRO Account

Will I be able to jump to any chapter once I upgrade?

Not before you solve the previous chapters. The chapters are sequential because the topics build on top of each other. Even when you upgrade to PRO, you will have to go through them one by one. However, you have the option to jump to a specific chapter from the help menu by selecting Course Progress > skip to a chapter or ask support to unlock all chapters so you can freely move around.

Do I get a certificate of completion?

Yes, you can get a signed certificate of completion with your full name once you finish the entire course.

Can I extend my PRO account beyond 5 years?

Unfortunately not, the PRO account is linked to your purchase date and cannot be extended or modified as it's used for accounting purposes.

What can I build after finishing this course?

After completing the course, you will be able to build an entire React app from scratch (using Vite) as well as work on medium to large-sized React apps as part of a team.

What are the Projects?

Projects are challenges that are longer and have a bit less guidance. These projects allow you to practice most of the concepts you learned so far and apply them in different contexts. For example the 3rd project is a basic version of the online store. The 4th project is the online store admin.

Companies & Universities

Can I get a group discount?

Group discounts are available for groups of 5, 10, 15, 20 and above. Please use the help center to contact us with the approximate size of your group.

I am a university instructor. Is this course suitable for my students?

Absolutely! The course is already being used in conjunction with university material at some universities. Please use the help center to contact us with the approximate number of students.

Curious to know what we shipped recently? Check out our public-facing Trello board.