React Tutorial
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.
Select your currency & avoid conversion fees:
Valued at $250
We do not store your payment information. How we help you with our pricing.
use" hook becomes stable. We've added screencasts in the meantime.Contact support
This course covers React 18 from scratch. The entire course was updated to React 18 in 2022. 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.
The final project is a 10-step project where you build the following web-app:
superm.react-tutorial.app
Below you can find videos of the some of the projects found in this course that you can click on to preview.
Build a small store with hardcoded products. You'll later fetch the products from an API.
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.
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.
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.
We use Stripe or Paypal to process your payments and your credit card information never touches our servers.
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.
No, other courses on different domains have a different price and PRO membership.
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.
Yes, this is possible. Please contact support for more information.
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.
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.
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.
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
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.
Yes, you can get a signed certificate of completion with your full name once you finish the entire course.
It's a private GitHub repository that uses GitHub's discussions feature. Note that the repository does not contain any code. You can ask questions, browse existing topics and subscribe to product updates.
The solution will automatically unlock 5 minutes after your first attempt. You can manually unlock the Solution or the Next button from the help button. You can also ask on the GitHub discussions private community (PRO users only).
After completing the course, you will be able to build an entire React app from scratch (using create-react-app) as well as work on medium to large-sized React apps as part of a team.
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.
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.
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 see what we have shipped this year and what we’re working on? Then check out this public Trello Board where you can also comment on upcoming features!
Back to the top
