Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Hydrogenで 2022年〜を感じる
Search
Ryusou
December 15, 2021
Programming
0
530
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
400
再実装 React Testing Library
nozaki
0
150
microCMSでimgixに入門する
nozaki
0
940
Jamstack Conf 2021を見てブログ構成を見直した話
nozaki
1
1.2k
ユーザーが編集中の状態管理について考えよう
nozaki
3
6.5k
はじめてのUniversal JavaScript
nozaki
1
2k
Other Decks in Programming
See All in Programming
Composing an API the *right* way (Droidcon Berlin 2024)
zsmb
1
450
CSC307 Lecture 05
javiergs
PRO
0
210
コード生成を伴うLLMエージェント - 2024.07.18 Tokyo AI
smiyawaki0820
11
4.1k
はしめてのプログラミングとロボット制御
watawatavoltage
0
290
Webエディタライブラリ 「CodeMirror」から学ぶ Webアプリ開発のテクニック
ryosukeigarashi
0
250
DMMプラットフォームにおけるTiDBの導入から運用まで
pospome
7
3k
Rust.Nagoya #1
codemountains
0
170
ピグパーティにおけるMongoDB CommunityバージョンからAtlasへの移行事例
10969hotaka
0
130
社内 LT 会を発足し、アウトプット文化を醸成させるために考えたこと・やったこと / Starting internal LT meetings and fostering an output culture
mackey0225
3
120
GraphQL はいいぞ! ~Laravel で学ぶ GraphQL 入門~
azuki
1
160
わかりやすい正解を捨てて、コトに向き合う - スクラムフェス金沢2024 スポンサーセッション
yusukekokubo
0
170
Temporalを取り巻く仕様を整理する
sajikix
0
110
Featured
See All Featured
It's Worth the Effort
3n
181
27k
The Cost Of JavaScript in 2023
addyosmani
31
4.7k
The Invisible Side of Design
smashingmag
294
50k
Stop Working from a Prison Cell
hatefulcrawdad
266
20k
Reflections from 52 weeks, 52 projects
jeffersonlam
346
19k
Art, The Web, and Tiny UX
lynnandtonic
291
20k
The Invisible Customer
myddelton
117
13k
The Brand Is Dead. Long Live the Brand.
mthomps
52
36k
Debugging Ruby Performance
tmm1
71
11k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
20
7.2k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
353
29k
Bash Introduction
62gerente
607
210k
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 ありがとうございました