今儿个就唠唠这个事儿，上周我突然琢磨着能不能用React整一个小程序项目，毕竟React咱熟。结果刚一动手就踩坑里了，听我慢慢道来。

初探：脑子一热就开搞

我抄起键盘就创建项目文件夹，啪嗒啪嗒敲命令装依赖，结果环境直接给我报红。原来小程序框架跟ReactDOM不穿一条裤子，直接npm install react react-dom根本跑不动。

• 试了五六个开源方案
• 文档写得像天书
• 脚手架跑着跑着就报内存错误

折腾大半天才搞明白，得找个专门转译React代码的库，挑了个名字顺眼的工具重新开搞。这里头有个坑爹事儿，那些示例项目看着挺美，真拉下来跑十个有九个缺依赖。

实操：写起来像戴着脚镣跳舞

兴冲冲开始写组件，JSX倒是能直接用了，可当我美滋滋写了个useEffect准备调接口，小程序那边直接给我弹白屏。真鬼打墙了！查半天文档才发现，小程序生命周期跟React hooks根本不对付。

• 事件绑定要手动绑到DOM节点
• useState更新后页面渲染慢半拍
• 第三方库八成用不了

最绝的是有次写了个递归组件，开发工具直接卡成PPT。只能把组件拆得稀碎，本来优雅的代码硬是写成面条式写法。

优化：缝缝补补又三年

眼瞅着项目快做完了，打测试包才发现体积超标两倍多。好家伙，引用的转译工具自带全家桶，光polyfill就塞了300KB。只能含泪动手拆包：

• 把公共组件抽成npm包
• 把图片全扔云端
• 手动删了二十多个用不着的依赖

上真机调试更可乐，Android机样式正常，iPhoneX直接布局乱飞。只能疯狂写媒体查询适配，感觉像是回到五年前写jQuery的日子。

这婚结得有点憋屈

熬了三天终于上线，摸着良心说：

• 熟悉React的确实能怼出来
• 开发速度比原生快一倍
• 调试过程多花三倍时间

要说值不值？如果你是赶着交差的个人项目，凑合用还行。但要是团队开发新项目，我立马扛着原生开发手册跑路，这缝合怪技术栈谁维护谁想骂街！