Skip to content
Write a review
#3 in TypeScriptUdemyBestseller on UdemyReactPaid courseAll LevelsCertificate

Complete React, Next.js & TypeScript Projects Course 2025 (Udemy.com)

Hands-on React: 25+ Projects Featuring Next.js, TypeScript, Prisma, Zod, Shadcn, Axios, Router 6, Query 5, Redux Toolkit

4.6
12,794 reviews

Created by: Yanis Smilga

Last updated August 2025

Our take

Based on the ratings of 12,794 students, a sample of their written reviews and the syllabus, as the course stood in August 2025. No course pays to be reviewed.

Yanis Smilga's course is a very long React course built around projects, with TypeScript and Next.js sections bolted on in a big 2024 update. The syllabus shows 772 lectures, roughly 109 hours of video, 23 quizzes, and a last update in August 2025. It is really for people who already know HTML, CSS and JavaScript and want to learn React by building things, one small app per concept, before moving on to React Query, Router 6, Redux Toolkit and full Next.js projects. Despite where it sits on our site, TypeScript is one chunk of the course, not its subject.

Reviewers praise the clarity most. One says Smilga's habit of building a mini project right after each new idea makes the material stick, and another, not a native English speaker, says everything is pretty clear. With 12,793 reviews and a 4.6 average, the five-star pile is huge. The complaints cluster on two things. A few low-star reviews find his accent or intonation hard to listen to. Others say he moves slowly and repeats himself, and one reviewer on the updated Jobster project complained about walking through the same code two or three times. One also notes much of the content is free on his YouTube channel.

Value is strong given the volume. If TypeScript itself is the goal, the courses it sits beside in our TypeScript list, such as Understanding TypeScript or Typescript: The Complete Developer's Guide, are about the language rather than React and are worth comparing first. If you want a React portfolio with TypeScript and Next.js mixed in, and you can live with a methodical pace and skipping the odd repeated section, this is an easy recommendation.

Best forPeople who already know JavaScript and want to learn React, TypeScript and Next.js by building a stack of small projects.
Skip it ifYou want a course about TypeScript the language itself, or you find a slow, repetitive pace hard to sit through.

Pros

  • Every new concept is followed by a mini project, which one reviewer says makes it stick
  • 772 lectures, 23 quizzes and 2 practice tests cover React, Router 6, React Query, Redux Toolkit and Next.js
  • Updated August 2025, with 30-plus hours of TypeScript and Next.js added in the 2024 refresh
  • A reviewer whose first language is not English says the explanations are clear and easy to follow

Cons

  • Several low-star reviews find the instructor's accent and intonation hard to listen to
  • Pace is slow and repetitive; the updated Jobster project reportedly walks the same code two or three times
  • At about 109 hours it is a big commitment, and some of the content is free on his YouTube channel
Whenever he teaches something new he would directly go to build a mini project which helps us understand the application of that feature thus we get to retain the knowledge for a long time
Kavin Kumar, a student

Listed for all levels, but the requirements ask for solid HTML, CSS and JavaScript first; it is not a first programming course.

icon
What you will learn

  • Make Great Projects Using React

Course content

12 sections · 772 lectures · 109 hours of video 23 quizzes, 2 practice tests, 36 articles

  1. 1Introduction 1 free preview8 lectures · 14 min
  2. 2Dev Environment6 lectures · 20 min
  3. 3React Fundamentals38 lectures · 10 quizzes · 3.7 hours
  4. 4Backroads Application21 lectures · 1.9 hours
  5. 5VITE2 lectures · 11 min
  6. 6React Hooks and Advanced Topics 1 free preview91 lectures · 13 quizzes · 7.7 hours
  7. 7Fundamental Projects (With Steps)123 lectures · 12 hours
  8. 8Axios HTTP Library9 lectures · 50 min
  9. 9React Query23 lectures · 2 hours
  10. 10Unsplash Images Project (with React Query)24 lectures · 1.7 hours

Who it is for

The instructor says it suits

  • Everyone who wants to learn React

What you need before you start

  • Strong Knowledge of HTML, CSS, JS is Required. ES6 is optional.

How it compares

Against the other 173 rated Udemy courses in React on CourseDuck:

  • Rating4.6 out of 5higher than 71% of them
  • Reviews12,794#9 of 174 by number of reviews
  • Length108.9 hourslonger than 100% of them
  • Last updatedAugust 2025more recently than 71% of them

icon
Quality Score

Content Quality
/
Video Quality
/
Qualified Instructor
/
Course Pace
/
Course Depth & Coverage
/

Overall Score : 92 / 100

icon
Course Description

MAJOR COURSE UPDATE - JUNE 2024 !!!


Exciting New Content in React Course

I'm thrilled to announce that I am adding more valuable content to our React course to help you stay ahead of industry standards. Here's what you can look forward to:


  • Comprehensive TypeScript tutorial

  • Detailed lessons on React with TypeScript

  • Complete Next.js tutorial with TypeScript

  • Several complex Next.js projects

  • Over 30 hours of new content !!!

Stay ahead with the latest industry standards and master the skills needed for modern React development!


What's New?

  1. TypeScript Integration:

    • TypeScript Tutorial: Learn the basics and advanced features of TypeScript.

    • React with TypeScript: Master the integration of TypeScript with React to build robust applications.

  2. Next.js Tutorials:

    • Next.js with TypeScript: Comprehensive tutorials on building Next.js applications using TypeScript.

    • Complex Next.js Projects: Work on real-world projects that leverage the full potential of Next.js.

Why These Additions?

  • Industry Standards: Both TypeScript and Next.js have become essential skills for modern React development.

  • New React Features: Many new React features are only available through React frameworks like Next.js.

  • Full-Stack Development: Next.js enables quicker and more efficient full-stack development by allowing server-side and client-side code to coexist seamlessly.

  • Team Efficiency: TypeScript enhances code maintainability and collaboration, making it a preferred choice for large teams.



Mastering React 18: Building Modern Web Applications


Dive into the dynamic world of front-end development with our comprehensive course on React 18, a cutting-edge JavaScript library used for creating engaging user interfaces. Developed and maintained by Facebook, React has become a cornerstone in building both single-page and mobile applications.

Why Learn React?


  • High Demand: React's popularity makes it a valuable skill for job seekers in the tech industry.

  • Efficiency and Performance: React's use of a virtual DOM ensures fast, scalable, and efficient application development.

  • Flexibility and Reusability: The library's design allows for reusable components, simplifying the development process and making code maintenance easier.

Course Coverage:


  • React Fundamentals: Understand the core principles of React.

  • Latest Features: Get hands-on with React 18.

  • Hooks & State Management: Deep dive into useState, useEffect, useRef, useReducer, useCallback, useMemo, and custom hooks.

  • Advanced Concepts: Learn about conditional rendering, prop drilling, context API, and more.

  • Navigation and Routing: Explore React Router 6 for seamless app navigation.

  • Data Handling: Utilize axios and redux-toolkit for efficient data management.

  • Project-Based Learning: Build over 25 real-world projects including a Birthday Reminder, E-Commerce Site, Quiz App, and a GitHub Users Explorer.

Ideal For:

Aspiring and experienced front-end developers looking to master React and elevate their web development skills. Whether you're aiming to boost your career prospects or build high-performance web applications, this course is your gateway to becoming a proficient React developer.


All Project Intros are available for preview.

Here are some of the projects we are going to build in this course

1. Birthday Buddy

2. Tours

3. Reviews

4. Accordion

5. Menu

6. Tabs

7. Slider

8. Lorem Ipsum

9. Color Generator

10. Grocery Bud

11. Navbar

12. Sidebar and Modal

13. Strapi Menu

14. Cart

15. Unsplash Images

16. Contentful CMS

17. Mix Master

18. Tailwind Portfolio

19. E-Commerce

20. Jobster

21. Github Users

22. Jobster

23. Comprehensive Full Stack Next.js E-Commerce  Project
Read More All Levels All Levels product length iconTime: 108.9h

icon
Udemy Discount

The discount is applied through our link. Open the course from here and Udemy's current promotional price is applied at checkout on most courses, no code to type.

Get the Udemy discount

Some courses are excluded from Udemy's promotions. If the price does not drop, clear your browser cookies and use the button again.

icon
Instructor Details

Yanis Smilga

Hello, I’m Jānis Smilga, a web developer based in Sigulda, Latvia. These days, I spend most of my time working with AWS CDK, TypeScript, and Node.js—building cloud infrastructure and scalable backend systems. I enjoy coding and the constant challenge of learning something new. You can also find me on my YouTube channel, Coding Addict.

Read More

icon
More courses by Yanis Smilga

$15.99

$13.99

$94.99

$94.99

$10.99

$11.99

All courses by Yanis Smilga

icon
More React courses

$139.99

$94.99

$74.99

$69.99

$89.99

$99.99

All React courses

icon
Reviews

4.6

12,794 ratings on Udemy

Select a bar to show only those reviews.Select the bar again to show every rating.

Write a review

By Melanie Berti on 4/28/2026

I barely got past props with this guy. He moves slow, repeats a lot. I appreciated the quizzes but just could not continue. I felt like I was going nowhere.

By Roland Pirklbauer on 1/10/2025

John is a great teacher with a very project-centric approach. The only little downside with this approach is, that theoretical concepts fall a little bit short. If this would have been my first contact with React I think there would be some concepts, which would be hard to get (because of that I "keep" a half star). As a second timer it is a perfect course (because in this case you don't need to much theoretical backgrounds), but you want to practice and alongside John shares theory (it's just a little bit "compressed"). For this scenario it is a clear five star course. And he comes along with some "different" approches (e.g. his styled components usage I like very much and never heard/read about that approach before).

By Ashish Makwana on 7/2/2024

John is a fabulous teacher. It is amazing how he can narrate complex concepts to make it simple to understand. This course gave me the confidence of becoming a proficient front-end developer. It has a good balance of concept lectures and practical projects to master the concepts covered before. Thank you for this amazing course John.

By Benedict Aliu on 3/23/2024

THIS IS HANDS DOWN THE BEST COURSE TO LEARN REACT. Unlike many other popular react courses here on Udemy that start well and confuse you midway. You'll definitely be a more confident React developer just 70% into the course, thanks to the amazing projects you would have built by the end of the course. Definitely purchasing the Next and Practical Typescript courses from John. Because, why not??

By Juan Fernández Díaz on 8/19/2023

One of the best React courses in Udemy. This course is well done from the beginning, it shows the effort that John has put into creating this course. The projects are very interesting and also have good css styling so in the end you can see good looking projects, this course has everything to prepare you as a React developer. I am very happy with this course. Recommended 100%

By Adam Hao on 2/27/2023

This course teaches you to code with React, but it lacks explanations of some fundamental React concepts, how React works behind the scenes, and the code implementation of the course sometimes being improper(e.g. abuse of the useEffect hook). I recommend the students of this course visit the official React docs site(currently beta) for further learning after finishing the course.

By Devashish Rai on 12/14/2022

Jon Smilga is the OG of React.Js in my opinion. I started following him from FreeCodeCamp and after learning from his Udemy Javascript course and I bought this React Course. I love the way he teaches everything in the smallest details. Anyone who wants to learn React, without hesitation buy this course. My promise, you will not regret this decision.

By Deepak on 11/25/2022

This is my third course from the John. Super impressed. I have already created a live working website with Vanilla HTML CSS and Vanilla Javascript with the help of knowledge I have learnt from his HTML and Javascript courses. I wish John all the success, and if anyone is looking to become a web developer, John's courses are the best!

By Damilola Ayodele on 11/27/2021

I learned so much after taking John's course! His React course opened my eyes to much more stuff than all the big names out there with hands-on practice on many projects. Still the best instructor I've seen in my 23 years of life. Highly Recommended!!!!!!!!!!!!!!!!!!!!! I'm taking his nodeJs course after this!

By Elkhan Khanmamedov on 7/24/2019

An amazing course as usual John!!! I bought it once was it was created by John Smilga!!! I love this man's style of explaining, and down to earth approach. You're always a winner if you're taught by John cause he doesn't just give a dry theory like a million and one courses out there. Everything you learn by John gets automatically backed up by a real project where your knowledge gets solidified. Thanks again John for all your hard work. You truly are a Godsent for all your students!!! John is The Man!!! I just found what I was struggling with for four days, and he has the solution in his Vintage Course. Thanks again John for all your hard work!!!

Showing all 10 reviews on CourseDuck

Read all 12,794 reviews on Udemy

Complete React, Next.js & TypeScript Projects Course 2025
Visit course on Udemy Write a review
  • Video Duration: icon 108.9h
  • Price: $129.99
  • Provider: icon Udemy
  • Updated: icon August 2025
  • Level: All Levels All Levels
  • Language: icon English
  • Certificate: icon Yes
  • Lectures:772 in 12 sections
  • Practice:23 quizzes, 2 practice tests
  • Students:82,900
  • Subtitles:18 languages
  • Udemy badge:Bestseller
30-day money-back guarantee on most paid courses

Udemy Coupon Price Tracker

Udemy price history

For any issues or feature requests please email CourseDuck's Co-Founder at mkuhlman12@gmail.com