[P2] frontend: Finish ADR-007 tooling modernization
まだ誰も着手していません。
評価
- 難易度
- 5/5
- 見積もり時間
- 1週間以上
- 初心者へのやさしさ
- 35/100
- issue の種類
- リファクタリング
- 明瞭さ
- おおむね明確
- 活発さ
- 静か
- 技術スタック
- eslint, next.js, react, tailwindcss, typescript
- 領域
- build-system, ci-cd, frontend, tooling
調査の方向性
まず ADR-007 を読み、frontend/package.json、frontend/pnpm-lock.yaml、frontend/package-lock.json、および frontend README を確認します。Node 22 で pnpm --dir frontend install、lint、build を実行して現状を把握し、その後、選択した移行方針を文書化して依存関係と lockfile の構成を更新します。選択したアップグレードが、React、Tailwind、または strict TypeScript のリグレッションなしにこれらのチェックを通過すれば完了です。
索引モデルが issue の本文から書いたものです。
説明
Problem inventory
The frontend has made partial modernization progress but still drifts from the accepted ADR-007 target stack.
Type: tech debt / modernization drift
Evidence
- frontend/package.json uses next 15.5.10 and pnpm, but still uses react/react-dom 18.3.1, @types/react 18, TypeScript 5.6.3, Tailwind 3.4.14, ESLint 8, and Zustand 4.
- ADR-007 targets React 19, TypeScript 5.7+, Tailwind 4, ESLint 9, and Zustand 5.
- frontend/package-lock.json still exists and contains stale Next 14-era lock data while pnpm-lock.yaml is the declared package manager lockfile.
Impact assessment
User impact: medium/high. Tooling drift slows feature delivery and makes design modernization riskier, especially once Playwright and React 19 behavior are introduced.
Blast radius: frontend dependency graph, build pipeline, styling tokens, React hydration/runtime behavior, and CI reproducibility.
Acceptance criteria
- Decide whether ADR-007 still targets React 19/Tailwind 4 immediately or needs an explicit phased migration note; document the decision.
- Upgrade React, React DOM, TypeScript, Tailwind, ESLint/Biome-adjacent tooling, Zustand, and type packages according to the chosen migration path.
- Remove stale package-lock.json if pnpm is the only supported package manager, or document why dual locks are intentionally retained.
- Fix any React 19, Tailwind 4, or strict TypeScript regressions introduced by the upgrade.
- pnpm --dir frontend install, lint, and build pass on Node 22.
- Update frontend README and modernization documentation if commands or requirements change.
Agent assignment
Primary specialist: TypeScriptDeveloper
Supporting specialist: PlatformEngineer
Dependency notes
Can run in parallel with design inventory, but should avoid broad UI rewrites until the route/functionality map is stable.
Related backlog
- ADR-007 is the primary source of truth for the target stack.
- 主要言語
- Python
- スター
- 17
- フォーク
- 8
- PR マージ指標
- 30日以内にマージされた PR はありません
環境構築
このプロジェクトの開発コンテナを、あなたの GitHub アカウントでブラウザ上に起動します。
- Dockerfile・Docker Compose ファイルなし
- プルリクエストのテンプレートあり
- コントリビューションガイドを読む
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
Azure-Samples/tutor のほかの issue
-
難易度 4/5 3〜5日 初心者へのやさしさ 35/100
Azure-Samples/tutor#230 ·
-
難易度 4/5 3〜5日 初心者へのやさしさ 45/100
Azure-Samples/tutor#229 · コメント 1 件 ·
-
component:ci-cd frontend priority:P1 type:tech-debt
難易度 5/5 1週間以上 初心者へのやさしさ 35/100
Azure-Samples/tutor#223 · コメント 2 件 ·
-
frontend priority:P1 type:feature
難易度 5/5 1週間以上 初心者へのやさしさ 30/100
Azure-Samples/tutor#222 · コメント 1 件 ·
-
frontend priority:P1 type:tech-debt
難易度 5/5 1週間以上 初心者へのやさしさ 35/100
Azure-Samples/tutor#221 · コメント 2 件 ·
Azure-Samples/tutor の issue をすべて見る
似ている issue
-
難易度 1/5 1時間未満 初心者へのやさしさ 82/100
EchoTools/nevr-runtime#651 ·
メンテナーはふだん 1 日以内に返信
-
bug frontend rt sev-3
難易度 2/5 1〜3時間 初心者へのやさしさ 72/100
-
難易度 2/5 1〜3時間 初心者へのやさしさ 68/100
メンテナーはふだん 2 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 65/100
noontide-co/mainbranch#1211 · コメント 1 件 ·
メンテナーはふだん 1 日以内に返信
-
[1.x Bug] run-operation --sql reports success but rolls back writes on transaction-capable adaptersオープンtriage
難易度 2/5 1〜3時間 初心者へのやさしさ 64/100
dbt-labs/dbt#16784 · コメント 1 件 ·
メンテナーはふだん 1 日以内に返信