这是一段 React 代码，就算你完备没用过 React 也没紧要，一眼看过去就能看到个中最敏感的一句代码，便是那句 SQL 。咱们把这端代码简化一下，大概便是下面这个样子。
<button formAction={ async() => ( "use server" await sql`INSERT INTO Bookmarks (slug) VALUES (${slug});`;)}>提交</button>
意思便是在页面上点击一个叫做「提交」的按钮，触发一个 formAction(提交表单)的动作。这有点看到了当年 JSP 和 PHP 的味道了。这还不是最神奇的，最厉害的是提交表单要实行的动作不是一个接口要求，而是直接实行一条 SQL 。利用 use server标签，标示这是一个做事端端实行的方法。
一韶光竟分不出这到底是前端还是后端了。
这么发展下去，React 便是妥妥的全栈措辞了。此时的 PHP 在阁下笑而不语，还说我不是天下上最好的措辞，你们究竟还是会活成我的样子。
自从前后端分离以来，前端框架可谓是百花齐放，一片繁荣。最早的是 Angular，然后便是 React 和 Vue，到现在基本都是 Vue 和 React 的天下了。
如果你用过原生的 JavaScript 或者 JQuery，那就能感想熏染到 React 或者 Vue 的涌现，完备改变了前真个开拓办法。
React 目前的最新版本是 18，支持 ES（ECMAScript） 和TS（TypeScript），除了画界面和写CSS之外，完备可以把它当做一个面向工具的措辞工具利用。
这次支持实行实行后端 SQL 的特性是 Next.js 开放的，Next.js 是 在React 框架上再次高度封装的一个框架。有点像 Spring Boot与 Spring 的关系，Spring 好比是 React，Spring Boot 便是 Next.js。
本来好好的前端，为什么要直接支持写 SQL 呢，这也并不是无迹可寻的。前两年，React 就推出了React Server Components 。大致的意思便是说这是一种做事器端组件，为了提高性能，由做事器直接渲染，渲染出来的结果通过元数据的形式发给前端 React，React 拿到元数据后与现有的 UI 树合并，终极由浏览器渲染。
React 官方是大力推举 Next.js 的，有了官方推举加上本身已经支持的做事器端组件，Next.js 不知道是出于什么样的目的，竟然直接支持实行做事端方法了。之前要通过 HTTP 要求，现在直接就跳过这一步了。
说实话，站在一个前端框架的视角上，加上我本身是一个后端开拓，我是有一点看不懂这个操作了。做事端组件还能理解，毕竟开拓效率和性能要兼顾，这无可厚非。
但是直接支持做事端实行，是技能的循环（照着PHP的方向）还是技能的变革呢，此时的 Next.js 就像是一个站在十字路口的汽车，油都加满了，就看各位开拓者驾驶员开着它往哪边走了。
反正依我看来，我是以为前端框架越大略越好。缘故原由很大略，搞这么繁芜，我都快不会用了。
不只是我看不懂，毕竟咱是个后端生手，不是专业的。但是前端同学也是一片调侃，调侃的大存问思便是 React Next.js 啥都能干，既然连后端都能整了，那其他的也能全栈了。
比如有人调侃给 Next.js 赋能 AI，利用 use ai，直接 prompt 编程了。
还有赋能 k8s 的
以及赋能二进制编程的
最厉害的，还有赋能删库跑路的。
调侃归调侃，既然口子已经开了，就会有过来吃螃蟹的人，至于之后会变成什么样子，只能拭目以待了。
别说了，连续学 React 了。
转自 https://juejin.cn/post/7296384298902929417， 古时的鹞子
