編集

Hono v4

#Hono

2024 年 2 月 9 日に Hono v4 がリリースされました。

https://github.com/honojs/hono/releases/tag/v4.0.0

#Static Site Generation

静的ページを書き出してサイトを作る機能がリリースされました。Vite の SSG ビルドをするためのプラグイン@hono/vite-ssg も公開されました。

jsx
import fs from "node:fs/promises";
import { toSSG } from "hono/ssg";
import app from "./src/index";

toSSG(app, fs);

#Client Components

テンプレートエンジンの代替としてサーバー側で実行するように設計されていた hono/jsx が、クライアントでも実行できるようになりました。

React と同じコードが Hono で実行できます。

jsx
import { useState } from "hono/jsx";
import { render } from "hono/jsx/dom";

function Counter() {
  const [count, setCount] = useState(0);
  return (
    <div>
      <p>Count: {count}</p>
      <button onClick={() => setCount(count + 1)}>Increment</button>
    </div>
  );
}
// ...

const root = document.getElementById("root");
render(<App />, root);

React の API である useEffect や startTransition、useContext、use なども利用できます。

#File-based Routing - HonoX

Vite と Hono をベースとしたフルスタック Web フレームワーク HonoX がリリースされました。Hono の機能に加えて、Next.js のような File-base Routing や Islands Architecture などの機能を利用することが出来ます。

編集