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
Full TypeScriptな構成を支えるRemixの実態
Search
マッケイ
June 04, 2024
1
660
Full TypeScriptな構成を支えるRemixの実態
マッケイ
June 04, 2024
Tweet
Share
More Decks by マッケイ
See All by マッケイ
toBエンプラのスタートアップで Remixを使ってチーム開発した軌跡
mackay_1503
4
1.3k
Featured
See All Featured
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3k
Adopting Sorbet at Scale
ufuk
74
9.2k
Mobile First: as difficult as doing things right
swwweet
223
9.4k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
10
500
Unsuck your backbone
ammeep
669
57k
Typedesign – Prime Four
hannesfritz
40
2.5k
Statistics for Hackers
jakevdp
797
220k
Speed Design
sergeychernyshev
27
800
Fashionably flexible responsive web design (full day workshop)
malarkey
406
66k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
7k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
175
52k
Done Done
chrislema
182
16k
Transcript
Full TypeScriptな構成を支えるRemixの実態 株式会社Acompany マッケイ
I’m ... マッケイ @mackay_1503 U 株式会社Acompany U なんでもやるエンジニF U フロント、バック、デザイン、PdM..q
U TypeScript以外は触れませa U 最近、車を購入しました
Acompanyについて 企業間のデータ連携を安全に実現する データクリーンルーム 組織のプライバシーガバナンスを強みに プライバシーガバナンスSaaS
Remix、ぶち込んでみました。 企業間のデータ連携を安全に実現する データクリーンルーム 組織のプライバシーガバナンスを強みに プライバシーガバナンスSaaS
Remixとは i Reactをベースとしたフルスタックフレームワーg i Full TypeScriptで開発が可D i クライアント/サーバーコードをワンストップで管 i Web標準にそって開発ができ
i UIドリブンな開発体験を提供
Why Remix...? q プロダクトの立ち上げフェーズで、エンジニアが1人..P q React(Next.js)とTypeScriptなら書け% q とにかく動くものを作る必要があっs q Next.jsのApp
Routerもまだ正式リリース q Remixなにそれめっちゃ面白そう
` プロダクトの立ち上げフェーズで、エンジニアが1人..9 ` React(Next.js)とTypeScriptなら書け ` とにかく動くものを作る必要があっb ` Next.jsのApp Routerもまだ正式リリースÀ `
Remixなにそれめっちゃ面白そう 7
使ってわかったRemix クライアント/サーバーコードの 見通しが良% 状態管理がパワフ1 拡張性が高い \Full TypeScript最高/
Data Fetch server code Data Mutation server code Client code (Pure React)
使ってわかったRemix % クライアント/サーバーコードの 見通しが良 % % 拡張性が高い 状態管理がパワフ6 https:// /
/ mackay.me note 123 <App /> (app/index.tsx) <Note /> (app/route/note.tsx) <NoteDetail /> (app/route/note.$id.tsx) Loader Data Loader Data Loader Data State
使ってわかったRemix ) クライアント/サーバーコードの 見通しが良# ) 状態管理がパワフ ) 拡張性が高い 利用可能なランタイム )
Nod` ) Dens ) Cloudflare Pages(?p ) Cloudflare Workers(?) 利用可能なバックエンドFW ) Expres ) fastifm ) hons ) ...
Next.jsじゃダメなんですか? y どちらかでなければならないことは無g y どちらも完成度は高いフレームワークであ8 y 基本的にはNext.jsを使っておけば間違いはないと思0 y でも、たまにはRemixのことも思い出してあげてください。
おわりに Full TypeScriptな構成としてRemixはアG Web標準に忠実に設計されているので、MDNを読めば解決する問題が多v 新鋭フレームワークなのに、(いい意味で)思想はレガシ ↓
zennに記事も書いているので、ぜひ参考に!
Happy Hacking