打造 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 设计师可以帮助你更好的跟前端工程师沟通
What You Will Learn!
- 熟练使用 React 及其生态开发 UI 组件
- 培养组件化的设计与开发思维
- 开发可复用的组件,提升开发效率
- 了解企业协作开发的方式
- Styled-Components 强大的组件样式管理
- Storybook 组件文档化,方便团队协作
- React Spring 动画实现
- React 组件设计思想
- 设计思维
Who Should Attend!
- 对前端组件库构建感兴趣的开发人员