React 通关秘籍
组件库、playground、mini react、低代码编辑器,通过大量实战提升 React 水平
你将获得
- 深入源码,全面掌握 React 实现原理;
- 手写组件,封装类 Ant Design 组件库;
- 剖析本质,解密 React 主流生态库;
- 融会贯通,实现一个 playground 和低代码编辑器
作者介绍
神说要有光,资深前端工程师,畅销小册《Nest 通关秘籍》、《前端调试通关秘籍》、《TypeScript 类型体操通关秘籍》、《Babel 插件通关秘籍》作者,对前端编译原理、前端工程化等有深入研究,维护 “神光的编程秘籍” 公众号。
小册介绍
在前端开发工作中,我们每天都在写组件。
业务组件一般不会很复杂,不需要很多封装。
我们也会用一些第三方组件库的组件,比如 Ant Design,这些组件的 Props、TS 类型、内部实现等都做了很多设计。
如果能自己写一个这样的组件库,不仅能提升写组件的水平,写在简历里也是非常加分的。
而这本小册主打的就是组件库。
我们会写 Calender、Table、Form、Space、ColorPicker 等各种组件,然后把它们封装成一个类似 Antd 的组件库。
这个过程中,我们还会学习 CSS Modules、CSS in JS、Tailwind 等样式管理方案,学习 react-spring、react-transition-group、framer-motion、react-motion 等动画库、学习 react-dnd 来做拖拽,还有 Redux、Jotai、Zustand 等状态管理库。
React 生态包罗万象,我们会把常用的 React 周边库都学一遍。
然后开始深入原理,通过 React 源码来理清 React 渲染流程,各种特性的实现原理,之后实现一个 mini-react。
如何掌握好 React 呢?
我觉得就是这两方面:一方面是 React 之上,学会写各种组件,并且能把这些组件封装成一个组件库、学习各种 React 相关的库。一方面是 React 之下,能够自己调试源码,知道 React 是怎么运行的,能够实现一个简易版 React。
这两方面都掌握到一定程度,React 技术栈就算是通关了。
适宜人群
- 想全面进阶 React 的前端工程师;
- 想开发一个组件库的前端工程师;
- 对 React 源码感兴趣的前端开发。
购买须知
- 本小册为图文形式内容服务,共计 60 节;
- 自 1 月 31 日上线之日起,每周更新 1~2 节,预计 5 月 31 日更新完成;
- 购买用户可享有小册永久的阅读权限;
- 购买用户可进入小册微信群,与作者互动;
- 掘金小册为虚拟内容服务,一经购买成功概不退款;
- 掘金小册版权归北京北比信息技术有限公司所有,任何机构、媒体、网站或个人未经本网协议授权不得转载、链接、转贴或以其他方式复制发布/发表,违者将依法追究责任;
- 在掘金小册阅读过程中,如有任何问题,请邮件联系 xiaoce@xitu.io
