082、案例二：React 组件库的 AI 辅助开发与文档自动生成

082、案例二：React 组件库的 AI 辅助开发与文档自动生成

上周五晚上，我盯着屏幕上那个诡异的TypeError: Cannot read properties of undefined (reading 'map')报错，已经快两个小时了。组件库里的DataTable在本地跑得好好的，一打包到生产环境就炸。我甚至怀疑是 webpack 的 tree-shaking 把某个依赖给摇没了。直到我打开 CodeX 的对话窗口，输入了那段报错堆栈，它只回了一句话：“检查一下columns配置里是不是混用了children和render属性，React 18 的严格模式会提前卸载子节点。” 我翻出代码一看，果然，某个同事在columns里同时写了children: [...]和render: () => ...，CodeX 直接定位到了那个文件第 47 行。那一刻我决定，以后组件库的开发流程里，CodeX 必须占一个固定席位。

从零搭一个组件库骨架，别自己手写脚手架

很多人喜欢从create-react-app或者vite模板开始改，但这样会带进来一堆你用不到的配置。我现在的做法是：让 CodeX 生成一个最小化的组件库骨架。打开 CodeX 的对话，输入：