React 適用於 Bun。Bun 預設支援 .jsx 和 .tsx 檔案。
請記住，JSX 只是在 JavaScript 檔案中包含類似 HTML 語法的特殊語法。React 使用 JSX 語法，其他替代方案也使用，例如 Preact 和 Solid。Bun 的內部轉譯器在執行前，會將 JSX 語法轉換為純 JavaScript。
Bun 假設 您正在使用 React（除非您 另行設定），因此像這樣的程式碼行
const element = <h1>Hello, world!</h1>;
會在內部轉換成類似這樣的程式碼
// jsxDEV
import { jsx } from "react/jsx-dev-runtime";
const element = jsx("h1", { children: "Hello, world!" });
此程式碼需要 react 才能執行，因此請確定您已安裝 React。
bun install reactBun 為 JSX 元件實作特殊記錄，以簡化除錯。
bun run log-my-component.tsx<Component message="Hello world!" />就 React 的「官方支援」而言，就是這樣。React 是像其他程式庫一樣的程式庫，而 Bun 可以執行該程式庫。Bun 不是一個框架，因此您應該使用像 Vite 這樣的框架，以在瀏覽器中建置具有伺服器端渲染和熱重載的應用程式。
請參閱 執行時期 > JSX 以取得關於設定 JSX 的完整文件。