React – The Complete Guide 2024 (incl. React Router & Redux)
React – 2024 年完整指南(包括 React Router 和 Redux)
Dive in and learn React.js from scratch! Learn React, Hooks, Redux, React Router, Next.js, Best Practices and way more!
从头开始学习 React.js!学习 React、Hooks、Redux、React 路由器、Next.js、最佳实践等等!
教程演示🔗
What you’ll learn 学习内容
-
Learn React from the ground up and finish the course as an advanced React developer
从头开始学习 React,并以高级 React 开发人员的身份完成课程 -
Build multiple high-quality demo apps, including a fullstack app built with NextJS
构建多个高质量的演示应用程序,包括使用 NextJS 构建的全栈应用程序 -
Join more than 750,000 students in this course & more than 2,500,000 students I taught across all my courses
加入本课程的 750,000 多名学生和我在所有课程中教授的 2,500,000 多名学生 -
Build multiple demo projects & explore realistic examples
构建多个演示项目并探索真实示例 -
Follow along locally or in a cloud development environment
在本地或云开发环境中跟进 -
Learn all about React Hooks and React Components
了解有关 React Hooks 和 React 组件的所有信息 -
Manage complex state efficiently with React’s Context API & React Redux
使用 React 的 Context API 和 React Redux 高效管理复杂状态 -
Build standalone React apps & applications connected to a backend via HTTP
构建独立的 React 应用程序和应用程序,通过 HTTP 连接到后端 -
Learn about routing & route-related data fetching with React Router
了解使用 React Router 获取路由和路由相关的数据 -
Implement user authentication in React apps
在 React 应用中实现用户身份验证 -
Build fullstack React apps with NextJS
使用 NextJS 构建全栈 React 应用程序 -
Get started with React Unit Testing
React 单元测试入门
Requirements 要求
-
JavaScript + HTML + CSS fundamentals are absolutely required
JavaScript + HTML + CSS 基础知识是绝对必需的 -
You DON’T need to be a JavaScript expert to succeed in this course!
您无需成为 JavaScript 专家即可在本课程中取得成功! -
ES6+ JavaScript knowledge is beneficial but not a must-have
ES6+ JavaScript 知识是有益的,但不是必须具备的 -
NO prior React or any other JS framework experience is required!
不需要任何 React 或任何其他 JS 框架经验!
Description 描述
This bestselling course has turned more than 750,000 students into ReactJS developers (more than any other React course on Udemy)!
这门畅销课程已将超过 750,000 名学生转变为 ReactJS 开发人员,比 Udemy 上的任何其他 React 课程都多)!
–
BIG COURSE UPDATE October 2023:
2023 年 10 月大课程更新:
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: 2023 年 8 月更新:
Added brand-new section on React Query (Tanstack Query)
添加了关于 React Query (Tanstack Query) 的全新部分
Added brand-new section on animating React apps with Framer Motion
添加了有关使用 Framer Motion 对 React 应用进行动画处理的全新部分
Updated June 2023: 2023 年 6 月更新:
Add two new practice projects
添加两个新的实践项目
Added more coding exercises
添加了更多编码练习
Added brand-new JS Refresher section
添加了全新的 JS Refresher 部分
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!
本课程完全与最新版本的 React 保持同步,具有您需要了解的所有核心现代功能,并以实用的动手方式教您 React!
Updated February 2023: 2023 年 2 月更新:
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!
本课程还附带两条路径,您可以采取:“完整”路径(完整>40小时课程)和“摘要”(快速通道)路径(~4小时摘要模块) – 您可以选择最适合您时间要求的路径!
React.js is THE most popular JavaScript library you can use and learn these days to build modern, reactive user interfaces for the web.
React.js 是当今最流行的 JavaScript 库,您可以使用和学习来为 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.
本课程从头开始深入地教你 React,一步一步地深入研究所有核心基础知识,探索大量示例,并向你介绍高级概念。
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!
如果你甚至不知道为什么要学习 React,而你只是因为一些广告或“算法”而来到这里 – 不用担心:ReactJS 是 Web 开发人员的一项关键技术,在本课程中,我还将解释为什么它如此重要!
Welcome to “React – The Complete Guide”!
欢迎来到“React – 完整指南”!
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.
本课程将以面向实践的方式教你React.js,使用你需要的所有最新模式和最佳实践。您将学习所有关键基础知识以及高级概念和相关主题,以将您变成 React.js 开发人员。
This is a huge course because it really covers EVERYTHING you need to know and learn to become a React.js developer!
这是一门巨大的课程,因为它真正涵盖了成为 React.js 开发人员需要了解和学习的所有内容!
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!
无论你对 React 一无所知,还是已经掌握了一些基本的 React 知识(不是必需的,但也不是问题),你都会从本课程中获得大量有用的信息和知识!
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!
我这门课程的目标是确保你对使用 React 充满信心,这样你就可以申请 React 工作,在你自己的项目中使用它,或者只是增强你作为开发人员的作品集——无论你的目标是什么:这门课程能让你到达那里!
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!
自课程首次推出以来,我就一直在更新这门课程,以确保您始终以最好和最新的方式学习 React!
What’s in this course? 这门课程有什么内容?
-
A thorough introduction to React.js (What is it and why would you use it?)
对 React.js 的全面介绍(它是什么,为什么要使用它? -
All the core basics: How React works, building components with React & building UIs with React
所有核心基础知识:React 如何工作、使用 React 构建组件和使用 React 构建 UI -
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
(彻底)了解幕后花絮,了解 React 在幕后是如何工作的 -
Detailed explanations on how to work with lists and conditional content
有关如何使用列表和条件内容的详细说明 -
React Hooks (in-depth)! React Hooks(深入)!
-
Working with built-in Hooks and building custom Hooks
使用内置 Hook 并构建自定义 Hook -
How to debug React apps
如何调试 React 应用程序 -
Styling React apps with “Styled Components” and “CSS Modules”
使用“样式化组件”和“CSS 模块”设置 React 应用程序的样式 -
Working with “Fragments” & “Portals”
使用“片段”和“门户” -
Dealing with side effects
处理副作用 -
Class-based components and functional components
基于类的组件和功能组件 -
Sending Http requests & handling transitional states + responses
发送 Http 请求和处理过渡状态 + 响应 -
Handling forms and user input (incl. validation)
处理表单和用户输入(包括验证) -
Redux & Redux Toolkit Redux 和 Redux 工具包
-
Routing with React Router
使用 React Router 进行路由 -
An in-depth introduction into Next.js
Next.js 的深入介绍 -
Deploying React Apps 部署 React 应用程序
-
Implementing Authentication
实现身份验证 -
Unit Tests 单元测试
-
Combining React with TypeScript
将 React 与 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!
你不需要任何先验的 React 知识!
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!).
本课程从零知识开始!您所需要的只是基本的 Web 开发和 JavaScript 知识(尽管该课程甚至包括一个简短的 JavaScript 复习,以确保我们都在同一页面上!
Who this course is for:
本课程适用于谁:
- Students who want to learn how to build reactive and fast web apps
想要学习如何构建响应式和快速 Web 应用程序的学生 - Anyone who’s interested in learning an extremely popular technology used by leading tech companies like Netflix
任何有兴趣学习 Netflix 等领先科技公司使用的极其流行的技术的人 - Students who want to take their web development skills to the next level and learn a future-proof technology
希望将 Web 开发技能提升到新水平并学习面向未来的技术的学生

Dive into the world of React.js, Hooks, Redux, and Next.js development with our React – The Complete Guide 2023. This comprehensive course offers an in-depth journey from the fundamentals to advanced concepts, enriched with real-world projects and hands-on challenges. Whether you’re a novice eager to explore React or a seasoned developer aiming to enhance your repertoire, our course will lead you through the best practices and expert tutelage in React.js Tutorial and Full Stack React development. Empower your development journey, build for the future, all with React – The Complete Guide 2023!
立即加入我们的2023年React完整指南课程,深入探索React.js、Hooks、Redux及Next.js开发的广阔世界。本课程不仅提供基础到高级的系统训练,还包括真实示例和项目实践,帮助你掌握React全栈开发和状态管理。无论你是初学者还是希望提升现有技能的开发者,这个课程都将通过最佳实践和专业的导学,让你的React路程更加精彩。赋能你的开发旅程,构建未来应用,一切尽在React – 完整指南2023!




