Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Udemy

Complete React, Next.js & TypeScript Projects Course 2024

via Udemy

Overview

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

What you'll learn:
  • Make Great Projects Using React

MAJORCOURSEUPDATE - 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. BirthdayBuddy

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. GithubUsers

22. Jobster

23. Comprehensive Full Stack Next.js E-Commerce Project


Taught by

John Smilga

Reviews

5.0 rating, based on 1 Class Central review

4.6 rating at Udemy based on 11269 ratings

Start your review of Complete React, Next.js & TypeScript Projects Course 2024

  • Anonymous
    A complete course that reinvent the defination and level of initial knowledge. it almost cover all basic libraries and practices of react that are mostly used in industry.

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.