Hono v3 and v4

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ͷελοΫͰͰ͖Δ

13. None

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ͷυΩϡϝϯτ͕ు͚Δ

39. None

40. 5. Swagger UI Middlewareͱ૊Έ߹ΘͤΔ

41. None

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΋αϙʔτ͍ͯ͠Δ
46. None

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ʹ

49. None

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Λදࣔɺղܾ͞ΕͨΒ݁ՌΛදࣔ

60. None
61. None

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