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
0
250
Full TypeScriptな構成を支えるRemixの実態
マッケイ
June 04, 2024
Tweet
Share
Featured
See All Featured
Infographics Made Easy
chrislema
238
18k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
226
51k
No one is an island. Learnings from fostering a developers community.
thoeni
16
2.2k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
119
18k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
15
8.6k
Mobile First: as difficult as doing things right
swwweet
218
8.7k
Rebuilding a faster, lazier Slack
samanthasiow
75
8.4k
RailsConf 2023
tenderlove
11
660
Clear Off the Table
cherdarchuk
87
320k
Git: the NoSQL Database
bkeepers
PRO
423
64k
The Art of Programming - Codeland 2020
erikaheidi
46
12k
Making the Leap to Tech Lead
cromwellryan
126
8.7k
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