Hono v3 and v4

JSConf JP
Nov 19, 2023. Yusuke Wada

Transcript

1. Hono v3 and v4 JSConf JP Nov 19, 2023. Yusuke Wada
2. ࣗݾ঺հ • Yusuke Wada • Web framework developer • Developer Advocate @Cloud fl are • Bokete co-founder • Creator of Hono • https://github.com/yusukebe
3. ࠓ೔ͷτϐοΫ 1. Hono v3.*ͷػೳ 2. Hono v4ͰͲ͏ͳΔͷ͔ʁ
4. Honoͱ͸ʁ • Web-framework runs on any JavaScript runtime. • Fast, Lightweight, Web-standards. • Works on… • Cloud fl are Workers • Deno • Bun • Node.js • Fastly Compute • AWS Lambda • Vercel • Others! https://hono.dev
5. GitHub Stars ⭐
6. Who is using Hono? • cdnjs API Server • Poly fi ll.io • Deno Docs • Ultra • Cloud fl are Blog • Workers SDK • Cloud fl are D1 • Drivly • SticAI • Skill Struck • Reejs • toddle • LanderLab • OpenStatus • Loglib • repeat.dev • Nodecraft • Hwy • Unkey • AI.LS • ExpenSee • Others!
7. v2·ͰͷҰൠతͳػೳ • ϧʔςΟϯά • Request/ResponseΛѻ͏ • Text/JSON/HTMLϨεϙϯεΛฦ͢ • ϛυϧ΢ΣΞΛ࢖͏ • Bindingsɺม਺Λѻ͏ • Cloud fl are WorkersɺDenoɺBunͰಈ͔͢
8. v3.*ͰೖͬͨػೳΛ঺հ͠·͢ • v3.0.0 => 2023/02/18ʹϦϦʔε • v.3.10.0 => 2023/11/13ʹϦϦʔε • جຊతʹsemverΛक͍ͬͯΔͷͰminorϦϦʔεΛ঺հ • ͋ͳ͕ͨ஌Βͳ͍͔΋͠Εͳ͍Hono
9. v3.0.0 - 2023/02/18 • HonoRequest • RegExpRouter becomes the fastest router • Good-bye StaticRouter • New Validator • RPC • Adapter • Muti-runtime CI Support • Support WinterCG Runtime Keys • create-hono • @honojs to @hono
10. RegExpRouter becomes the fastest router 2023೥2݄࣌఺ͷϕϯνϚʔΫͰ͢ • RegExpRouter͕ JavaScriptքͰ1൪ ଎͍ϧʔλʔͷͻͱ ͭʹͳͬͨ
11. New Validator • ബ͘ͳͬͨ • ZodɺValibotɺTypeBox ͳͲ֎෦ͷValidatorΛ࢖ ༻͢Δ3rd-partyϥΠϒ ϥϦ • ܕ෇͚
12. RPC-mode • ΫϥΠϯτΛੜ੒͢Δ`hc()`Λಋೖ • αʔόʔଆͷܕΛड͚౉͠ɺAPIεϖοΫΛڞ༗͢Δ • tRPCͷΑ͏͕ͩɺ͍ͭ΋ͷΞϓϦΛ؆୯ʹҠߦͰ͖Δ • ྫ͑͹Zod/Zod Validator/hcͷελοΫͰͰ͖Δ
14. Multi-runtime CI Support 2023೥11݄ݱࡏɺMainͷଞʹ7ͭͷϥΠϯλΠϜͷςετ͕૸Δ
15. v3.1.0 - 2023/03/17 • Improve RPC-mode • `env` for getting environment variables for multi-runtimes • AWS Lambda Adapter • basePath() • c.req.path • Allow passing RequestInit to c.json() etc.
16. `env` for getting environment variables for multi-runtimes • ϥϯλΠϜʹґଘͤͣಁաతʹ؀ڥม਺Λऔಘ͢ΔͨΊͷ`env()`
17. AWS Lambda Adapter • AWS LambdaʹରԠ
18. v3.2.0 - 2023/05/19 • New Routers • Presets: `hono/tiny`, `hono/quick` • app.mount() • Node.js adapter server v1.0.0 has been released • Support for routing includes a hostname
19. New Routers • LinearRouter • ϧʔςΟϯάͷొ࿥͕଎͍ϧʔλʔ • PatternRouter • ͱʹ͔͘খ͍͞ϧʔλʔ ܭ5ͭͷϧʔλʔʹͳͬͨ TrieRouter RegExpRouter SmartRouter LinearRouter PatternRouter
20. Presets: `hono/tiny`, `hono/quick` • `hono/tiny` • PatternRouterͷΈ • খ͍͞ • 13KB • `hono/quick` • LinearRouterͱTrieRouter • ϧʔτͷొ࿥͕଎͍
21. ͲͷPresetΛ࢖͏΂͖͔ hono ଎͍ DenoɺBunɺNode.js
 Cloud fl are Workers hono/quick ొ࿥͕଎͍ Fastly Compute hono/tiny খ͍͞ Ϧιʔε͕ݶΒΕ͍ͯΔ؀ڥ
22. app.mount() • ͲΜͳ`fetch` ΞϓϦέʔγϣϯͰ΋mountͰ͖Δ
23. itty-router, Remix, Qwik City, Solid StartͳͲ͍͚Δ
24. ֤ϑϨʔϜϫʔΫ͕ΞμϓλΛ࡞͍ͬͯͨ
25. HonoʹϚ΢ϯτͤ͞Ε͹ͲΜͳϓϥοτϑΥʔϜͰ΋ಈ͘
26. Node.js adapter server v1.0.0 • Poly fi llͳ͠ɺNode.jsωΠςΟϒͳWeb-standards APIͷΈΛ࢖༻
27. v3.3.0 - 2023/07/11 • Server-Timing Middleware • Lambda@Edge Adapter
28. Server-Timing Middleware • Server-Timing APIΛ࢖ͬͯύ ϑΥʔϚϯεܭଌ͕Ͱ͖Δ
29. v3.4.0 - 2023/08/08 • Netlify Adapter • Cookie Middleware supports Signed Cookies
30. v3.5.0 - 2023/08/21 • Secure Headers Middleware • Introduce “Helpers” • Zod OpenAPI Hono
31. Secure Headers Middleware • ηΩϡϦςΟʹ·ͭΘΔϔο μͷઃఆ͕Ͱ͖Δ • ExpressͷHelmet૬౰
32. Introduce “Helpers” • ϛυϧ΢ΣΞͱ͸ҧ͍ศརϝιουΛఏڙ͢Δ
33. ࠓ͋ΔHelpers • Adapter • Cookie • Factory • html • JWT • Streaming • Testing
34. Zod OpenAPI Hono • ଴๬ͷOpenAPIαϙʔτ • HonoΛϥοϓͨ͠Ϋϥε • Zodͱ”Zod to OpenAPI”Λ࢖͍ͬͯΔ
35. 1. ZodͰεΩʔϚΛॻ͘
36. 2. ϧʔτΛ࡞Δ
37. 3. ΞϓϦʹ͢Δ
38. 4. JSONͷυΩϡϝϯτ͕ు͚Δ
40. 5. Swagger UI Middlewareͱ૊Έ߹ΘͤΔ
42. ܕ͕ͭ͘
43. v3.6.0 - 2023/09/11 • Introduce `c.render()` • Introduce `c.var` • `FC` for JSX • `$url()` in Hono Client • Vite dev-server for Hono • Deprecate some properties in HonoRequest • Replaced Jest with Vitest
44. Introduce `c.render()` • HTMLͷϨΠΞ΢τΛ؆୯ʹͭͬͯ͘దԠ͠΍͘͢ Middleware Handler Result
45. Vite dev-server for Hono • `@hono/vite-dev-server` • Viteͷಠࣗdev serverΛఏڙ͢ΔVite plugin • Viteܦ༝Ͱ`fetch`ΞϓϦΛ։ൃͰ͖Δ • ࠶ىಈɺϦϩʔυ͕଎͍ • ϑϩϯτ΋ରԠ • Cloud fl areͷBindings΋αϙʔτ͍ͯ͠Δ
47. v3.7.0 - 2023/09/21 • `c.stream()` and `c.streamText()` • Testing Helper • JWT helper
48. `c.stream()` and `c.streamText()` • ଴๬ͷStreamରԠ • Zod OpenAPIͱ߹ΘͤͯAI readyʹ
50. v3.8.0 - 2023/10/19 • JSX Context API • JSX Renderer Middleware • Streaming Helper • Factory Helper • `parseBody()` supports multi values • Improve path matching in the router
51. JSX Renderer Middleware • `c.render()`Ͱ࢖͏ͨΊͷϨΠΞ΢τΛ JSXͰఆٛ͠΍͘͢ • `useRequestContext()`ͰContextΦ ϒδΣΫτ͕औΕΔΑ͏ʹͳΔ
52. Streaming Helper • `streamSSE()`ͰServer-Sent Events͕ు͚Δ
53. Factory Helper • `createMiddleware()`͕஍ຯʹศར • ܕղܾΛ΍ͬͯ͘Δ
54. v3.9.0 - 2023/10/27 • Improving the Developer Experience for JSX • Clerk Middleware • New Starter Template for Cloud fl are Pages
55. Improving the Developer Experience for JSX • λάʹܕ͕͍ͭͨɻΤσΟλͰิॿͯ͘͠ΕΔ
56. New Starter Template for Cloudflare Pages • `@hono/vite-dev-server`Λར༻ͨ͠৽͍͠ελʔλʔ
57. v3.10.0 - 2023/11/13 • JSX supports Async Components • Introduce `Suspense` and `renderToReadableStream()` • JSX Renderer Middleware supports `stream` • Support `@jsx precompile` for Deno
58. JSX supports Async Components • JSXͷίϯϙʔωϯτͷதͰasync/awaitͰ͖Δ
59. Introduce `Suspense` and `renderToReadableStream()` • AsyncComponent͸`fetch`͕ऴΘΔ·Ͱawait͢Δ • SuspenseΛ`renderToReadableStream()`ͱ࢖͏ͱ`fetch`͕ऴΘΔؒ͸ fallbackΛදࣔɺղܾ͞ΕͨΒ݁ՌΛදࣔ
62. JSX Renderer Middleware supports `stream` • `stream: true`ʹ͢Δ͜ͱͰ StreamingͷϨεϙϯεʹͳΔ
63. v3.*Ͱಋೖ͞ΕͨػೳΛΈ͖ͯ·ͨ͠ • v3.0.0 => 2023/02/18 • v3.1.0 => 2023/03/17 • v3.2.0 => 2023/05/19 • v3.3.0 => 2023/07/11 • v3.4.0 => 2023/08/08 • v3.5.0 => 2023/08/21 • v3.6.0 => 2023/09/11 • v3.7.0 => 2023/09/21 • v3.8.0 => 2023/10/19 • v3.9.0 => 2023/10/27 • v3.10.0 => 2023/11/13
64. ࢖ͬͯΈͯͩ͘ ͍͞
65. v4?
66. v4? When? What?
67. What is introduced in v4?
68. File-base Routing??
69. Thanks