小册上新 | React 通关秘籍

作者简介

神说要有光,资深前端工程师,畅销小册《Nest 通关秘籍》《前端调试通关秘籍》、《TypeScript 类型体操通关秘籍》、《Babel 插件通关秘籍》作者,对前端编译原理、前端工程化等有深入研究。

小册简介

在前端开发工作中,我们每天都在写组件。业务组件一般不会很复杂,不需要很多封装。

除此之外,我们也会用一些第三方组件库的组件,比如 Ant Design。这些组件的 props、ts 类型、内部实现等都做了很多设计。

那么,像 Calendar、Table 和 Form、虚拟列表这些常用的组件,你知道是怎么写的吗?或者说,如果让你来写一个组件库,你觉得都需要考虑哪些问题呢?

这些内容,不仅我们日常工作中会用到,还可以写在简历上加分!

那么,这本小册主打的就是组件库。

我们会写 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 的前端工程师;
  • 想知道如何开发一个组件库的前端工程师;
  • 对 React 源码感兴趣的工程师。

你将获得

  • 深入源码,全面掌握 React 实现原理;
  • 手写组件,封装类 Ant Design 组件库;
  • 剖析本质,解密 React 主流生态库;
  • 融会贯通,从 0 实现一个 mini-react。

1月31日-2月7日购买,享受早鸟 6 折特惠! 原价¥89.9,限时¥53.94

相关推荐
Sapphire~11 小时前
重学前端013 --- 响应式网页设计 CSS网格布局
前端·css
小菜花2911 小时前
利用H5实现svg图片中各部分监听事件
前端·javascript·svg·object标签
二十雨辰12 小时前
歌词滚动效果
前端·css
法医12 小时前
和文心快码做朋友,让编程像“说话”一样简单
前端·文心快码
大模型教程13 小时前
本地AI知识库问答开源技术实现(三)--配置模型和知识库
程序员·llm·agent
前端小巷子13 小时前
JS 打造「放大镜 + 缩略图」一体组件
前端·javascript·面试
陈随易13 小时前
适合中国宝宝的AI编程神器,文心快码
前端·后端·node.js
知识分享小能手13 小时前
React学习教程,从入门到精通,React AJAX 语法知识点与案例详解(18)
前端·javascript·vue.js·学习·react.js·ajax·vue3
AI大模型13 小时前
复盘我的第一个 大模型Agent:从核心循环到模块化架构的演进之路
程序员·llm·agent
UrbanJazzerati13 小时前
掌握 DOM 的基础属性与方法:从操作元素到构建动态效果
前端·面试