Next.js 14 近期發(fā)布，其中一個(gè)重大的功能點(diǎn)是 Server Actions 成為穩(wěn)定版，因其超前和熟悉的開(kāi)發(fā)方式，在社交網(wǎng)絡(luò)上引起了一陣討論，應(yīng)該是下面這張圖的內(nèi)容了。

圖片

有人說(shuō)這是又回到 PHP 的時(shí)代了嗎？

古話(huà)說(shuō)的好 “人有多大膽，地有多大產(chǎn)”。只要你敢想象，一切就皆有可能。這不，這幾天 Github 上出現(xiàn)了一個(gè) https://github.com/bufferhead-code/nextjs-use-php 的項(xiàng)目，它的目的是讓你可以在 Next.js 中寫(xiě) PHP，這是不是真的使 “嘲笑 PHP” -> “理解 PHP” -> “成為 PHP” 成為現(xiàn)實(shí)？（注意，這并不是真的?。?/p>

就像使用 "use server" 一樣，在 React Server Component 中用 "use php" 來(lái)寫(xiě) PHP 代碼，如下所示：

return (
    <button
        formActinotallow={async () => {
            'use php'
            (new PDO('mysql:host=localhost:3306;dbname=public', 'root', 'root'))
                ->prepare("INSERT INTO Bookmarks (slug) VALUES (?)")
                ->execute(array('new'));
            }}>
        Insert Bookmark
    </button>
)

還可以在 React Client Component 中這樣寫(xiě)：

// actions.js
'use server'

export async function phpHelloWorld() {
    'use php'
    print "Hello from PHP";
}

// page.tsx
import { phpHelloWorld } from "../actions";

上述代碼，需要在 https://github.com/bufferhead-code/nextjs-use-php 倉(cāng)庫(kù)拉取代碼并執(zhí)行以下命令運(yùn)行：

npm install
npm run build
npm run start

瀏覽器打開(kāi) http://localhost:3000 查看結(jié)果。

聲明：我想說(shuō)的是你不應(yīng)該在任何項(xiàng)目中考慮使用它，上述只是作者通過(guò)一些腳本手段讓這些奇怪的想法成為了一種可能，但你覺(jué)得會(huì)有實(shí)際意義嗎？

類(lèi)似這樣愚蠢的項(xiàng)目還有 https://github.com/elnardu/react-use-c、https://github.com/elnardu/react-use-rust

圖片

Next.js 自從 13 版本以來(lái)，帶來(lái)的 App Router、Server Component、Server Actions、預(yù)渲染（流式渲染）等功能，改變了以往傳統(tǒng)的前端開(kāi)發(fā)方式，新的開(kāi)發(fā)范式，總會(huì)帶來(lái)一些新的問(wèn)題思考，這不一定就是壞的。