打造 React 即时通信 UI 库

Description

注意：课程录制与 2020 年，重点是 CSS 样式的打造和 React 组件化思维培养，涉及框架本身的知识不多，所以版本不重要，在学习过程中可以尽量把软件版本和示例代码中的一致，否则会出现不兼容的现象，或者如果你已经有良好的自学能力，可以使用最新的版本。

如果你是一名前端工程师或者是正在学习前端，苦于没有完整的项目经验，也没有人系统的指导你该如何开发一个前端项目，那么你一定非常希望有一套课程来为你指点迷津，并且在课程结束后能收获开发思路、项目经验和发展方向 —— 这就是这门课的目的。

市面上大多数的课程都围绕电商、企业官网、后台管理来做项目实战。而本课程不同的是：以即时通信应用 UI 组件库和示例页面作为切入点，全面的演示了一套完整的 UI 库的实现过程，课程结束后，不但可以增加项目经验，扩充作品集，还可以在此基础上扩展为应用到各行各业的 UI 库，就像 Ant Design 和 Element UI。

这门课程以 React 为核心技术框架，为什么选择了 React 而不是用的人数比较多的 Vue 呢？因为：

• React 更接近于原生的 HTML，相当于自定义 HTML 标签，入门更容易。

• React 编写的代码简洁，让开发者只关心组件的定义和状态的管理，其他像组件的注册都由 React 自行管理。

• React 的用户量庞大，生态系统完善，很多开发理念都是围绕 React 产生的，比如 CSS-in-JS，GraphQL。

• React 在国内大型企业应用广泛，掌握 React 开发的工程师求职更有竞争力。

学完本课程你将能够...

• 熟练使用 React 及其生态开发 UI 组件

• 培养组件化的设计与开发思维

• 开发可复用的组件，提升开发效率

• 了解企业协作开发的方式

你将学到...

• Styled-Components 强大的组件样式管理

• Storybook 组件文档化，方便团队协作

• React Spring 动画实现

• React 组件设计思想

• 设计思维

• 以及更多

课程包括：

• 1 整套通用的 React UI 组件库

• 30+ 常用组件

• 5 个示例即时通信页面

• 源代码

• 图片素材

课程不包括：

课程重点关注前端 UI 组件化设计思路，打造自有前端 UI 库，类似 Ant Design, 所以下列内容不包含在本课程中：

• Redux 数据流管理

• 后端即时通信业务逻辑

面向人群：

需要拥有扎实的 HTML、CSS、JS 基础

了解 React 基本概念（属性，状态）（非必需）

如果你没有 React 基础，也能够学会 HTML+ CSS 实现常见的 UI 组件。

如果你是 UI 设计师可以帮助你更好的跟前端工程师沟通

TAKE THIS COURSE