React – The Complete Guide 2024 (incl. Next.js, Redux)
React – The Complete Guide 2024 (incl. Next.js, Redux), available at $189.99, has an average rating of 4.61, with 1351 lectures, 47 quizzes, based on 216698 reviews, and has 892506 subscribers.
You will learn about Learn React from the ground up and finish the course as an advanced React developer Build multiple high-quality demo apps, including a fullstack app built with NextJS Join more than 800,000 students in this course & more than 2,500,000 students I taught across all my courses Build fullstack React apps with NextJS 14+ Follow along locally or in a cloud development environment Learn all about React Hooks and React Components Manage complex state efficiently with React's Context API & React Redux Build standalone React apps & applications connected to a backend via HTTP Learn about routing & route-related data fetching with React Router Implement user authentication in React apps Get started with React Unit Testing This course is ideal for individuals who are Students who want to learn how to build reactive and fast web apps or Anyone who's interested in learning an extremely popular technology used by leading tech companies like Netflix or Students who want to take their web development skills to the next level and learn a future-proof technology It is particularly useful for Students who want to learn how to build reactive and fast web apps or Anyone who's interested in learning an extremely popular technology used by leading tech companies like Netflix or Students who want to take their web development skills to the next level and learn a future-proof technology.
Enroll now: React – The Complete Guide 2024 (incl. Next.js, Redux)
Summary
Title: React – The Complete Guide 2024 (incl. Next.js, Redux)
Price: $189.99
Average Rating: 4.61
Number of Lectures: 1351
Number of Quizzes: 47
Number of Published Lectures: 697
Number of Published Quizzes: 45
Number of Curriculum Items: 1400
Number of Published Curriculum Objects: 744
Original Price: $189.99
Quality Status: approved
Status: Live
What You Will Learn
- Learn React from the ground up and finish the course as an advanced React developer
- Build multiple high-quality demo apps, including a fullstack app built with NextJS
- Join more than 800,000 students in this course & more than 2,500,000 students I taught across all my courses
- Build fullstack React apps with NextJS 14+
- Follow along locally or in a cloud development environment
- Learn all about React Hooks and React Components
- Manage complex state efficiently with React's Context API & React Redux
- Build standalone React apps & applications connected to a backend via HTTP
- Learn about routing & route-related data fetching with React Router
- Implement user authentication in React apps
- Get started with React Unit Testing
Who Should Attend
- Students who want to learn how to build reactive and fast web apps
- Anyone who's interested in learning an extremely popular technology used by leading tech companies like Netflix
- Students who want to take their web development skills to the next level and learn a future-proof technology
Target Audiences
- Students who want to learn how to build reactive and fast web apps
- Anyone who's interested in learning an extremely popular technology used by leading tech companies like Netflix
- Students who want to take their web development skills to the next level and learn a future-proof technology
This bestselling course has turned more than 800,000 students into ReactJS developers (more than any other React course on Udemy)!
–
Updated January 2024:
Added brand-new content (~3h) on the NextJS App Router
Added a brand-new “Best Practices & Patterns” section
BIG COURSE UPDATE October 2023:
Updated the entire first half of the course (re-recorded lectures, other half was updated at beginning of year already)!
Improved explanations & demo projects. Course now covers even more key concepts & best practices.
Updated August 2023:
Added brand-new section on React Query (Tanstack Query)
Added brand-new section on animating React apps with Framer Motion
Updated June 2023:
Add two new practice projects
Added more coding exercises
Added brand-new JS Refresher section
Tons of minor improvements & fixes
This course is completely up-to-date with the very latest version of React with all the core, modern features you need to know & teaches you React in a practical, hands-on way!
Updated February 2023:
Completely re-recorded majority of second half of course (incl. routing, authentication)
A Course For Busy Customers & Business Professionals!
This course also comes with two paths which you can take: The “complete” path (full >40h course) and the “summary” (fast-track) path (~4h summary module) – you can choose the path that best fits your time requirements!
React.js is THE most popular JavaScript library you can use and learn these days to build modern, reactive user interfaces for the web.
This course teaches you React in-depth, from the ground up, step by step by diving into all the core basics, exploring tons of examples and also introducing you to advanced concepts as well.
You’ll get all the theory, tons of examples and demos, assignments and exercises and tons of important knowledge that is skipped by most other resources – after all, there is a reason why this course is that huge! 🙂
And in case you don’t even know why you would want to learn React and you’re just here because of some ad or “the algorithm” – no worries: ReactJS is a key technology as a web developer and in this course I will also explain WHY it’s that important!
Welcome to “React – The Complete Guide”!
This course will teach you React.js in a practice-oriented way, using all the latest patterns and best practices you need. You will learn all the key fundamentals as well as advanced concepts and related topics to turn you into a React.js developer.
This is a huge course because it really covers EVERYTHING you need to know and learn to become a React.js developer!
No matter if you know nothing about React or if you already got some basic React knowledge (not required but also not a problem), you will get tons of useful information and knowledge out of this course!
My goal with this course is to ensure that you feel confident working with React, so that you can apply for React jobs, use it in your own projects or simply enhance your portfolio as a developer – whatever your goal is: This course gets you there!
I kept this course updated since its initial launch to ensure that you always learn React in the best possible and up-do-date way!
What’s in this course?
-
A thorough introduction to React.js (What is it and why would you use it?)
-
All the core basics: How React works, building components with React & building UIs with React
-
Components, props & dynamic data binding
-
Working with user events and state to create interactive applications
-
A (thorough) look behind the scenes to understand how React works under the hood
-
Detailed explanations on how to work with lists and conditional content
-
React Hooks (in-depth)!
-
Working with built-in Hooks and building custom Hooks
-
How to debug React apps
-
Styling React apps with “Styled Components” and “CSS Modules”
-
Working with “Fragments” & “Portals”
-
Dealing with side effects
-
Class-based components and functional components
-
Sending Http requests & handling transitional states + responses
-
Handling forms and user input (incl. validation)
-
Redux & Redux Toolkit
-
Routing with React Router
-
An in-depth introduction into Next.js
-
Deploying React Apps
-
Implementing Authentication
-
Unit Tests
-
Combining React with TypeScript
-
Adding Animations
-
Tons of examples and demo projects so that you can apply all the things you learned in real projects
-
And so much more – check out the full curriculum on this page!
This really is the “Complete Guide” – promised!
And best of all?
You don’t need any prior React knowledge!
This course starts with zero knowledge assumed! All you need is basic web development and JavaScript knowledge (though the course even includes a brief JavaScript refresher to ensure that we’re all on the same page!).
Check out the full curriculum, the free preview videos and join the course risk-free thanks to the 30-day money-back guarantee!
Course Curriculum
Chapter 1: Getting Started
Lecture 1: Welcome To The Course!
Lecture 2: What is React.js? And Why Would You Use It?
Lecture 3: ReactJS vs "Vanilla JavaScript": Why Use React?
Lecture 4: Editing Our First React App
Lecture 5: About This Course & Course Outline
Lecture 6: The Two Ways (Paths) Of Taking This Course
Lecture 7: Getting The Most Out Of This Course
Lecture 8: Join our Online Learning Community
Lecture 9: Creating React Projects
Lecture 10: Why Do You Need A Special Project Setup?
Lecture 11: Course Setup
Chapter 2: JavaScript Refresher
Lecture 1: Module Introduction
Lecture 2: Starting Project
Lecture 3: Adding JavaScript To A Page & How React Projects Differ
Lecture 4: React Projects Use a Build Process
Lecture 5: "import" & "export"
Lecture 6: Revisiting Variables & Values
Lecture 7: Revisiting Operators
Lecture 8: Revisiting Functions & Parameters
Lecture 9: Arrow Functions
Lecture 10: More on the Arrow Function Syntax
Lecture 11: Revisiting Objects & Classes
Lecture 12: Arrays & Array Methods like map()
Lecture 13: Destructuring
Lecture 14: Destructuring in Function Parameter Lists
Lecture 15: The Spread Operator
Lecture 16: Revisiting Control Structures
Lecture 17: Manipulating the DOM – Not With React!
Lecture 18: Using Functions as Values
Lecture 19: Defining Functions Inside Of Functions
Lecture 20: Reference vs Primitive Values
Lecture 21: Next-Gen JavaScript – Summary
Lecture 22: JS Array Functions
Lecture 23: Module Resources
Chapter 3: React Essentials – Components, JSX, Props, State & More
Lecture 1: Module Introduction
Lecture 2: It's All About Components! [Core Concept]
Lecture 3: Setting Up The Starting Project
Lecture 4: JSX & React Components [Core Concept]
Lecture 5: Creating & Using a First Custom Component
Lecture 6: A Closer Look: Components & File Extensions
Lecture 7: How React Handles Components & How It Builds A "Component Tree" [Core Concept]
Lecture 8: Using & Outputting Dynamic Values [Core Concept]
Lecture 9: Setting HTML Attributes Dynamically & Loading Image Files
Lecture 10: Making Components Reusable with Props [Core Concept]
Lecture 11: Alternative Props Syntaxes
Lecture 12: More Prop Syntaxes
Lecture 13: Best Practice: Storing Components in Files & Using a Good Project Structure
Lecture 14: Storing Component Style Files Next To Components
Lecture 15: Component Composition: The special "children" Prop [Core Concept]
Lecture 16: Reacting to Events [Core Concept]
Lecture 17: Passing Functions as Values to Props
Lecture 18: Passing Custom Arguments to Event Functions
Lecture 19: How NOT to Update the UI – A Look Behind The Scenes of React [Core Concept]
Lecture 20: Managing State & Using Hooks [Core Concept]
Lecture 21: Deriving & Outputting Data Based on State
Lecture 22: Rendering Content Conditionally
Lecture 23: CSS Styling & Dynamic Styling
Lecture 24: Outputting List Data Dynamically
Lecture 25: Module Summary
Chapter 4: React Essentials – Deep Dive
Lecture 1: Module Introduction
Lecture 2: You Don't Have To Use JSX!
Lecture 3: Working with Fragments
Lecture 4: When Should You Split Components?
Lecture 5: Splitting Components By Feature & State
Lecture 6: Problem: Props Are Not Forwarded To Inner Elements
Lecture 7: Forwarding Props To Wrapped Elements
Lecture 8: Working with Multiple JSX Slots
Lecture 9: Setting Component Types Dynamically
Lecture 10: Setting Default Prop Values
Lecture 11: Onwards To The Next Project & Advanced Concepts
Lecture 12: Not All Content Must Go Into Components
Lecture 13: Closer Look: public/ vs assets/ for Image Storage
Lecture 14: New Project: First Steps Towards Our Tic-Tac-Toe Game
Lecture 15: Concept Repetition: Splitting Components & Building Reusable Components
Lecture 16: Concept Repetition: Working with State
Lecture 17: Component Instances Work In Isolation!
Instructors
-
Academind by Maximilian Schwarzmüller
Online Education -
Maximilian Schwarzmüller
AWS certified, Professional Web Developer and Instructor
Rating Distribution
- 1 stars: 1439 votes
- 2 stars: 1832 votes
- 3 stars: 11959 votes
- 4 stars: 62513 votes
- 5 stars: 138944 votes
Frequently Asked Questions
How long do I have access to the course materials?
You can view and review the lecture materials indefinitely, like an on-demand channel.
Can I take my courses with me wherever I go?
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!
You may also like
- Digital Marketing Foundation Course
- Google Shopping Ads Digital Marketing Course
- Multi Cloud Infrastructure for beginners
- Master Lead Generation: Grow Subscribers & Sales with Popups
- Complete Copywriting System : write to sell with ease
- Product Positioning Masterclass: Unlock Market Traction
- How to Promote Your Webinar and Get More Attendees?
- Digital Marketing Courses
- Create music with Artificial Intelligence in this new market
- Create CONVERTING UGC Content So Brands Will Pay You More
- Podcast: The top 8 ways to monetize by Podcasting
- TikTok Marketing Mastery: Learn to Grow & Go Viral
- Free Digital Marketing Basics Course in Hindi
- MailChimp Free Mailing Lists: MailChimp Email Marketing
- Automate Digital Marketing & Social Media with Generative AI
- Google Ads MasterClass – All Advanced Features
- Online Course Creator: Create & Sell Online Courses Today!
- Introduction to SEO – Basic Principles of SEO
- Affiliate Marketing For Beginners: Go From Novice To Pro
- Effective Website Planning Made Simple