前端正在变成一场对话
十年来,前端开发一直是一场关于工具的争夺战。你在 React 或 Angular 之间做选择,在 Webpack 或 Vite 之间做选择。你大部分的时间都花在了跟上这些变化上。
那个时代正在结束。重心正在从“使用哪个库”转向“数据与 AI 如何协同工作”。
现代生产级应用遵循一种新的模式:
- 像 React 或 Svelte 这样的框架已成为标准。
- 像 Next.js 或 SvelteKit 这样的元框架(Meta-frameworks)承担了繁重的工作。
- TypeScript 是默认选择。
- 服务端优先渲染(Server-first rendering)是基准。
重心回到了服务端。这是一个更智能的服务端,能够流式传输数据并高效地管理网络。
AI 改变了工作量。它能处理前 80% 的任务。它可以在几分钟内构建一个组件或布局,这取代了数小时的手动工作。
AI 在最后的 20% 环节会失效。它在无障碍设计(accessibility)、边缘情况(edge cases)和复杂的逻辑状态管理方面表现挣扎。AI 给你的是草稿,而不是完美的解决方案。
你的价值现在在于判断力。你必须知道生成的代码何时是错误的。例如,AI 可能会写一个价格组件,但忘记了不同的货币或本地化格式。提出这些问题就是你的新工作。
我们正在迈向生成式 UI(Generative UI)。
- 静态 UI:你编写每一个屏幕。
- 服务端驱动 UI:后端发送一个 schema,由客户端进行渲染。
- 生成式 UI:模型根据用户意图构建组件树。
成功的团队采用受限的方法。他们给 AI 一套经过审核的固定组件集。设计系统成为了 AI 的护栏(guardrail)。
对未来的三个预测:
- 组件库是你最宝贵的资产。它们是人类和 AI 用来构建的基础。
- 机器可读的契约(contracts)将胜出。清晰的类型(types)和 schema 有助于 AI 无误地工作。
- 评审取代了编写。你的主要任务从编写代码转向评估代码。
前端工程并没有消失。机械性的部分正在变得廉价。而架构、正确性和审美(taste)等难点正变得越来越有价值。
最优秀的工程师不会是打字最快的人。他们将是那些能够定义“什么是好”并能瞬间发现错误的人。
Optional learning community: https://t.me/GyaanSetuAi
