React + React Router + Redux 全家桶完全指南 2024

About React + React Router + Redux 全家桶完全指南 2024

React 是全球最热门的前端开发框架，由 Facebook 公司出品。React 有最强大的前端生态，可以实现任何前端应用的需求。利用组件化的开发方式，可以最大效率地进行开发，并形成规模化、工程化的前端开发模式。

目前，大中小各种规模的公司都有在应用 React，从初级到高级开发都有施展的空间，掌握了 React 可以提高你的就业上限，达到顶级前端开发岗位，拿到更高的薪水。

这门课程会从零开始教会你如何使用 React 框架，一步一步从 React 基础语法，深入到更高级的 React 组件用法，并掌握良好的开发规范和最佳实践，让你拥有完全胜任 React 前端开发工作的技能。

如果你正打算进入前端开发这一行，或者要跳槽到更有竞争力的岗位上，那么学完这门课会给你所需要的知识、技能和经验，让你的面试更出彩。

课程里会附带所有章节的代码示例，都是从实际开发中演化而来，你可以利用它们进行练习，以及回顾所学的内容。

学完这门课，你可以

完全掌握 React 前端开发必备技能

构建大、中、小型的前端项目

掌握良好的代码编写规范和最佳实践

组件化开发思想和流程

这门课包含 React 基础入门、进阶和高级用法，并穿插 React 开发中常见的模式，例如父子组件通信，受控组件非受控组件，发送 HTTP 请求，Hooks 等等。后面还会介绍 React 生态相关的库，例如 React Router 路由管理， Redux 全局状态管理，styled-components 样式管理。

具体内容（详见目录）：

React 开发环境和开发工具配置

React 项目基本结构和开发流程

利用 JSX 展示条件内容、列表内容

处理事件

创建与规划组件

Props 的基础用法和高级用法

维护组件状态和状态的共享

父子组件的双向通信

表单控件的处理

受控组件、非受控组件、有状态组件、无状态组件和高阶组件的概念

副作用和 useEffect hook

与后台交互

内置和自定义 Hooks

virtual dom 和 diff 算法简介

利用 Context API + useReducer 实现全局状态管理

ref、portal 和 fragments

代码分割

性能优化

react router 路由配置

redux 全局状态管理

... 更多！

无论你是在校大学生，初入职场的前端开发工程师，或者是中高级的 React 前端工程师，都可以从这门课程中得到所需要的知识。你只需要会一些基本的 HTML、CSS 和 JavaScript 就够了。

课程继续延续我 B 站视频和其他课程的风格，把节奏设置为最为紧凑的方式，你的学习方式应该是这样：

理解每节课所提到的概念。

把示例实践过程看懂。

每个视频看完之后，回顾重点，并自己编写代码，遇到记不起来的地方再去看源代码或视频。

感谢你选择 这门课程，接下来的时间，我会陪你在学习的路上一直走下去，帮你学会 React 前端开发，并指导你如何提高自学能力，成为一个成长型人才！