Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

[P2] frontend: Finish ADR-007 tooling modernization

Abierto
  • ¿Algo no está bien?
#224 3 comentarios 0 reacciones 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
5/5
Tiempo estimado
Más de una semana
Aptitud para principiantes
35/100
Tipo de issue
Refactorización
Claridad
Bastante claro
Estado de actividad
Tranquilo
Stack tecnológico
eslint, next.js, react, tailwindcss, typescript
Área
build-system, ci-cd, frontend, tooling

Línea de trabajo

Empieza leyendo ADR-007 e inspeccionando frontend/package.json, frontend/pnpm-lock.yaml, frontend/package-lock.json y el README de frontend. Ejecuta pnpm --dir frontend install, lint y build con Node 22 para establecer el estado actual; después, documenta la ruta de migración elegida y actualiza la configuración de dependencias y lockfile. Se considera terminado cuando las actualizaciones seleccionadas superen estas comprobaciones sin regresiones en React, Tailwind ni strict TypeScript.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

frontend priority:P2 type:tech-debt

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.
Lenguaje dominante
Python
Estrellas
17
Forks
8
Sin PR fusionados en 30 d

Preparar el entorno

Abrir en Codespaces

Inicia el contenedor de desarrollo del proyecto en tu navegador, con tu propia cuenta de GitHub.

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de Azure-Samples/tutor

Todos los issues de Azure-Samples/tutor

Issues similares

Más issues de Python

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.