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

Description

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 前端开发，并指导你如何提高自学能力，成为一个成长型人才！

What You Will Learn!

• React 开发环境和开发工具配置
• React 项目基本结构和开发流程
• 利用 JSX 展示条件内容、列表内容
• 处理事件
• 创建与规划组件
• Props 的基础用法和高级用法
• 维护组件状态和状态的共享
• 父子组件的双向通信
• 表单控件的处理
• 受控组件、非受控组件、有状态组件、无状态组件和高阶组件的概念
• 副作用和 useEffect hook
• 与后台交互
• 内置和自定义 Hooks
• virtual dom 和 diff 算法简介
• 利用 Context API + useReducer 实现全局状态管理
• ref、portal 和 fragments
• 代码分割
• 性能优化
• react router 路由配置
• redux 全局状态管理
• ... 更多！

Who Should Attend!

• 在校大学生
• 初入职场的前端开发工程师
• 中高级的 React 前端工程师

TAKE THIS COURSE