Remix 是一個由 React Router 開發(fā)團隊所開發(fā)的基于 React 和 Node 的全棧框架，以解決開發(fā)者在用 React 開發(fā)時面臨的一些棘手問題。

Remix 1.9 發(fā)布，更新內(nèi)容如下：

支持 React Router 的可選路由段

我們在 React Router 6.5.0 的最新次要版本中支持可選路由段，現(xiàn)在 Remix 也支持它們。為此，我們?yōu)槲募?a href="http://www.vw92.cn/os/" target="_blank" >系統(tǒng)路由引入了一個新的約定。

由括號包圍的路由文件名將被轉(zhuǎn)換為 React Router 的可選段。例如， /($lang)/about 將被轉(zhuǎn)換為 /:lang?/about。

這意味著 /($lang)/about 將匹配：

/en/about
/fr/about
/about  <-- $lang is optional!

增加對新 TypeScript 語法的支持

Remix 編譯器現(xiàn)在支持新的 TypeScript 4.9 語法。在最新的 TypeScript 版本中，有幾個很酷的功能。

我們最喜歡的功能之一是 satisfies 關(guān)鍵字，它可以讓你驗證一個表達式是否符合給定的類型 —— 而不改變該表達式的結(jié)果類型。

// this example comes from the TypeScript 4.9 release notestype Colors = "red" | "green" | "blue";type RGB = [red: number, green: number, blue: number];const palette = {
    red: [255, 0, 0],
    green: "#00ff00",
    bleu: [0, 0, 255]//  ~~~~ The typo is now caught!} satisfies Record<Colors, string | RGB>;// Both of these methods are still accessible!const redComponent = palette.red.at(0);const greenNormalized = palette.green.toUpperCase();

路由性能提升

有時候，你可以從微小的變化中獲得巨大的收益。我們對 defineConventionalRoutes 中的查找算法進行了調(diào)整。

在一個較大的、現(xiàn)實的項目（約 700 條路由）的生產(chǎn)構(gòu)建的本地運行中：

• 以前：10-15 秒
• 現(xiàn)在：1 秒，10 倍的速度提升

錯誤修復：Firefox 和 <LiveReload>

修復了 Firefox 中 <LiveReload> 的一個問題，該問題導致頁面在更改后無限地重新加載。