跳到主要内容

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 源码感兴趣的前端开发。

购买须知​

  1. 本小册为图文形式内容服务,共计 60 节;
  2. 自 1 月 31 日上线之日起,每周更新 1~2 节,预计 5 月 31 日更新完成;
  3. 购买用户可享有小册永久的阅读权限;
  4. 购买用户可进入小册微信群,与作者互动;
  5. 掘金小册为虚拟内容服务,一经购买成功概不退款;
  6. 掘金小册版权归北京北比信息技术有限公司所有,任何机构、媒体、网站或个人未经本网协议授权不得转载、链接、转贴或以其他方式复制发布/发表,违者将依法追究责任;
  7. 在掘金小册阅读过程中,如有任何问题,请邮件联系 [email protected]