フロントエンドアーキテクチャ frontend architecture - kii's memo

フロントエンドアーキテクチャ frontend architecture

Web front-endのArchitecture アーキテクチャ周り

システムに対する理解(What)

既存システムの理解

リアーキテクトするシステムに追加する要件

技術に対する理解(How)

そのフレームワーク、ライブラリの性質 nature

関連リンク

組織フェーズを見据えたWebフロントエンドのアーキテクチャと変遷 - Speaker Deck

jQuery→React+DDD Domain Driven Design→Redux

スライドだと、情報量は少ないので、参考までに

Next.js でリアーキテクトした話 / story-of-re-architect-with-nextjs - Speaker Deck

課題に対する戦略や実際に使ったツールの紹介が良かった

弁護士ドットコムライブラリーのフロントエンドのアーキテクチャ（Next.js + TypeScript） - パンダのプログラミングブログ

Next.jsを用いた新規作成

Next.js + Railsでリニューアルした社内ニコカレシステムの技術スタックを公開します - Fusic Tech Blog

Next.js&Ruby on Rails

「TypeScript」を使わない手はない　READYFORのUIリニューアルを支えたフロントエンドの技術 - ログミーTech

react on railsのまま

レシピサービスのフロントエンドを Next.js と GraphQL のシステムに置き換えている話 - クックパッド開発者ブログ

一部だけ、Next.js

計測Before/Afterもだしてる

kintoneマイクロサービス化検証プロジェクトのWebフロントエンドにおける技術選定 - Cybozu Inside Out | サイボウズエンジニアのブログ

各技術選定の理由書いていて良い

メルカリShops のフロントエンド | メルカリエンジニアリング

Chakra UIやApolloなど

Tech stack rebuild for a new Facebook.com - Engineering at Meta

Code Splittingの3種の優先度とか印象的

https://speakerdeck.com/keiya01/ririsukara5nian-webhurontoendonojing-nian-lie-hua-toxiang-kihe-u

https://techblog.zozo.com/entry/replacing-zozo-with-nextjs-knowledge#効果と今後の課題

https://tech.high-link.co.jp/entry/Rails-application-replace-Next.js

Ruby on Rails with jQuery to Next.js

少人数チーム

https://dev.henry.jp/entry/replace-vite-with-nextjs

言語化が良かった