Hydrogenで 2022年〜を感じる

Transcript

1. Hydrogenで 2022年〜を感じる @ryusou

2. Hydrogenとは？ Shopifyが開発している React basedのフレームワーク https://hydrogen.shopify.dev/ ※現在開発者プレビュー段階のものになり ます。

3. Hydrogenの注目ポイント ①React Server Componentsをいち早く試せる React は正式リリースされていない(α) Hydrogenは独自にラップすることで実現している → DEMO

4. Hydrogenの注目ポイント ①React Server Componentsをいち早く試せる useQuery(useShopQuery) Hooksがサーバー側で動く....！！

5. Hydrogenの注目ポイント ②「ヘッドレス」コマース + UIの提供 コマンド一つでECサイトの雛形が作れる TailwindCSS/Headless UIを利用 Next.js/Gatsby側にUIを組み込むこともできるらしい ヘッドレス　良い　＝独自にUIを組み立てられる 　　　　　　微妙　＝作るの大変(表裏一体ではあるが..)

6. Hydrogenの注目ポイント ③ ViteでPWA(試したわけではないので....) vite-plugin-pwa： https://www.npmjs.com/package/vite-plugin-pwa

7. まとめ Hydrogenには2022〜がつまっていた ヘッドレスコマース..etc + ヘッドレスUI は 流行りそう 外部APIは部分的に部分的に採用するのが 良さそう

8. りゅーそう 株式会社 microCMS エンジニア Twitter @ryusou_mtkh イベントやっているので、ぜひ！

9. 良いお年を！ @ryusou ありがとうございました