$30 off During Our Annual Pro Sale. View Details »
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Hydrogenで 2022年〜を感じる
Search
Ryusou
December 15, 2021
Programming
0
630
Hydrogenで 2022年〜を感じる
PWA Night vol.34 ~2021年最後はLT会!〜
https://pwanight.connpass.com/event/231422/
Ryusou
December 15, 2021
Tweet
Share
More Decks by Ryusou
See All by Ryusou
Astro 3.0入門
nozaki
0
460
再実装 React Testing Library
nozaki
0
220
microCMSでimgixに入門する
nozaki
0
1.1k
Jamstack Conf 2021を見てブログ構成を見直した話
nozaki
1
1.4k
ユーザーが編集中の状態管理について考えよう
nozaki
3
6.9k
はじめてのUniversal JavaScript
nozaki
1
2.4k
Other Decks in Programming
See All in Programming
dotfiles 式年遷宮 令和最新版
masawada
1
520
スタートアップを支える技術戦略と組織づくり
pospome
8
14k
無秩序からの脱却 / Emergence from chaos
nrslib
2
11k
TUIライブラリつくってみた / i-just-make-TUI-library
kazto
1
290
手が足りない!兼業データエンジニアに必要だったアーキテクチャと立ち回り
zinkosuke
0
250
20251127_ぼっちのための懇親会対策会議
kokamoto01_metaps
2
380
レイトレZ世代に捧ぐ、今からレイトレを始めるための小径
ichi_raven
0
490
宅宅自以為的浪漫:跟 AI 一起為自己辦的研討會寫一個售票系統
eddie
0
440
TypeScript 5.9 で使えるようになった import defer でパフォーマンス最適化を実現する
bicstone
1
840
How Software Deployment tools have changed in the past 20 years
geshan
0
27k
関数実行の裏側では何が起きているのか?
minop1205
1
400
AIエージェントでのJava開発がはかどるMCPをAIを使って開発してみた / java mcp for jjug
kishida
5
850
Featured
See All Featured
GitHub's CSS Performance
jonrohan
1032
470k
How Fast Is Fast Enough? [PerfNow 2025]
tammyeverts
3
370
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
54k
How to Think Like a Performance Engineer
csswizardry
28
2.3k
Typedesign – Prime Four
hannesfritz
42
2.9k
Automating Front-end Workflow
addyosmani
1371
200k
Six Lessons from altMBA
skipperchong
29
4.1k
How to Ace a Technical Interview
jacobian
280
24k
Music & Morning Musume
bryan
46
7k
RailsConf 2023
tenderlove
30
1.3k
Fireside Chat
paigeccino
41
3.7k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
5.7k
Transcript
Hydrogenで 2022年〜を感じる @ryusou
Hydrogenとは? Shopifyが開発している React basedのフレームワーク https://hydrogen.shopify.dev/ ※現在開発者プレビュー段階のものになり ます。
Hydrogenの注目ポイント ①React Server Componentsをいち早く試せる React は正式リリースされていない(α) Hydrogenは独自にラップすることで実現している → DEMO
Hydrogenの注目ポイント ①React Server Componentsをいち早く試せる useQuery(useShopQuery) Hooksがサーバー側で動く....!!
Hydrogenの注目ポイント ②「ヘッドレス」コマース + UIの提供 コマンド一つでECサイトの雛形が作れる TailwindCSS/Headless UIを利用 Next.js/Gatsby側にUIを組み込むこともできるらしい ヘッドレス 良い =独自にUIを組み立てられる 微妙 =作るの大変(表裏一体ではあるが..)
Hydrogenの注目ポイント ③ ViteでPWA(試したわけではないので....) vite-plugin-pwa: https://www.npmjs.com/package/vite-plugin-pwa
まとめ Hydrogenには2022〜がつまっていた ヘッドレスコマース..etc + ヘッドレスUI は 流行りそう 外部APIは部分的に部分的に採用するのが 良さそう
りゅーそう 株式会社 microCMS エンジニア Twitter @ryusou_mtkh イベントやっているので、ぜひ!
良いお年を! @ryusou ありがとうございました