2026-10-02 08:37:59 作者：大讲堂
楼下开社区咖啡店的阿凯去年找我帮忙改代码。
他攒了大半年钱盘下这间二十平的小店，想做个线上预点单，省得高峰期客人排队排到马路牙子上。
找了个大学生兼职写第一版，用的原生JS，改来改去不到三个月，代码乱得像泡涨了的面条。
那天他抱着发烫的笔记本电脑敲开我家门，屏幕上跳着红色的报错，整个点单逻辑在用户加完第二份芝士巴斯克的时候直接卡死，连退出按钮都没反应。
咖啡凉透了。
凌晨三点咖啡店后台的乱码
我坐下来翻了半小时代码，挠着头不知道从哪下嘴。加个库存提醒，整个页面的DOM绑定全乱，改个价格，按钮直接点不动——早年写前端就是这样，DOM操作就像牵线木偶，扯一根线整个木偶都散架。
阿凯靠在沙发上揉眼睛，说早知道这么麻烦，干脆就用第三方平台好了，抽成就抽成，省得闹心。
我翻到代码最后，看到那个学生兼职在末尾加了一行注释：“对不起这个逻辑我绕不明白了，建议换框架试试，听说React挺好用的。”
咖啡店线上点单系统原生JS混乱代码截图
那天我们熬到三点，还是没把bug改完。我给阿凯泡了杯茶，扔给他一个React的官方快速开始链接，说要不，从头来？
他盯着那个链接看了五分钟，叹了口气说，来就来吧，大不了不干了出去打工。
为什么偏偏是React活了下来
很多人说起React，第一反应就是“哦那个前端框架”，其实很少有人想过，十多年前Facebook的工程师搞出这个东西的时候，根本不是为了造个新概念吹牛逼。
当年Facebook的广告业务越做越大，页面上的交互越来越多，每次改一个地方都要动整个项目的底层，烦得要死。他们干脆另起炉灶，搞出了两个现在所有人都在用的东西：虚拟DOM和组件化。
说白了，虚拟DOM就是给你的页面做了个“备份”，存在内存里，你改了什么，它只对比备份和真实页面哪里不一样，只改变了的那一小块，不用整个页面重新刷。原来牵一发动全身的麻烦，一下就解决了大半。
组件化更简单，就是把页面拆成一块一块的：商品卡是一个组件，购物车是一个组件，点单按钮是一个组件，每个组件只管好自己的内容和状态，你改商品卡的样式，不会影响购物车的逻辑，拼起来就是一个完整的页面。
说实话，刚出来的时候骂的人不少。说什么太反常识，写个状态还要setState，绕来绕去的麻烦死了。我当年刚学的时候，也拍过桌子，好好的DOM直接写不好吗？非要套一层虚拟的，这不是脱裤子放屁吗？
2015年主流前端框架GitHub星标对比图
不过话说回来，当年那么多框架，最后React能做成现在这个量级，不是没有道理的。angular太重了，像给小咖啡店配了个五星级酒店的厨房，用不起也玩不转。vue当时还在起步阶段，生态没做起来。React刚好卡在那个位置，灵活，你做个小小的点单页能用，做个千亿级别的社交平台也能用，大家都能找到适合自己的用法。
它不是完美的，直到今天还有人骂React的状态逻辑难理解，hooks写出来绕得头疼，可它就是活下来了，还改变了整个前端行业的思路。
被组件重构的日常
被组件重构的日常
阿凯花了两周时间，跟着教程把点单系统用React重写了一遍。
我去帮他做测试的时候，他已经能自己加功能了。原来要改三天的折扣逻辑，现在找到对应的优惠组件，改两行参数就搞定。后来他要加积分兑换，加自提时间提醒，甚至加了一个给老客送生日券的模块，都是找现成的组件改改，拼上去就能用，前后不到一周。
他现在每天下午三点就能把店里的活忙完，剩下的时间就在门口摆个小凳子，打理他那几盆欧月，不用天天蹲在后台改bug。
你看，技术从来都不是给程序员吹牛逼用的。它是帮开咖啡店的小老板省出时间种花的工具。
不过话说回来，这两年React变得越来越重，各种新的轮子堆得越来越多，我见过不少刚入行的小朋友，连原生DOM都没摸过，上来就堆各种组件，写出来的页面体积大得离谱，打开要卡三秒，本质上就是把“面条代码”换成了“面条组件”，还是乱得一塌糊涂。
很多人忘了，React当年出来解决的问题，就是“复杂应用怎么拆成简单的小块”，结果现在很多人用React，把简单的问题又搞成了复杂的堆料。这算不算一种讽刺？
上周我去阿凯店里买冰美式，他正对着电脑改中秋月饼礼盒的预售组件，鼠标点了三下，改完价格，刷新一下页面就好了。他转头给我做咖啡，说现在改个功能，比我做一杯咖啡的时间还短。
我接过咖啡，抬头看见墙上的点单码，客人扫一下，两秒钟出来商品列表，顺畅得像从来没出过bug。
你大概从来没听说过React这个词，也不知道你扫这个码的时候，它在背后帮你做了多少次对比，改了多少个DOM节点。它就藏在你点的每一杯咖啡、买的每一张票、刷的每一条动态背后，沉默地运行着。
未来会不会有新的框架替代它？当然会。所有的技术都会被取代，可React留下的那个思路——把复杂拆成小块，每个小块管好自己，再拼出整个世界——大概会一直留着。
就像阿凯门口的月季，春天开了谢，秋天又开，换了新芽，根还是那个把复杂的泥土拆成养分的根。
免责声明：市场有风险，选择需谨慎！此文仅供参考，不作买卖依据。如有侵权请联系删除。
文章名称：React：藏在你点的每一杯咖啡背后的前端革命
文章链接：https://m.lfdjt.com/info_23_23583.html
大讲堂