Back to Details

react-app-dev

Compare original and translation side by side

🇺🇸

Original

English
🇨🇳

Translation

Chinese

React App Dev (VMark)

React应用开发（VMark）

Overview

概述

Apply VMark frontend conventions for React 19 + Zustand v5 + Tailwind v4 + shadcn/ui.
遵循VMark前端规范进行React 19 + Zustand v5 + Tailwind v4 + shadcn/ui开发。

Workflow

工作流程

  1. Read relevant files before editing (components, hooks, stores, plugins).
  2. Follow the VMark rules in 
    AGENTS.md
    (no store destructuring; use selectors).
  3. Keep code files under ~300 lines; split when needed.
  4. Prefer local feature boundaries; avoid cross-feature imports.
  5. Update tests for new behavior and run 
    pnpm check:all
    when asked.
  1. 编辑前阅读相关文件（组件、hooks、状态存储、插件）。
  2. 遵循
    AGENTS.md
    中的VMark规则（禁止对状态存储进行解构；使用选择器）。
  3. 保持代码文件在约300行以内；必要时拆分文件。
  4. 优先采用本地功能边界；避免跨功能导入。
  5. 针对新行为更新测试，在要求时运行
    pnpm check:all
    。

References

参考资料

  • references/paths.md
    for common source locations and scans.
  • Docs map: 
    dev-docs/README.md
    (local, not in repo — if available).
  • references/paths.md
    ：常见源码位置与扫描说明。
  • 文档地图：
    dev-docs/README.md
    （本地文件，不在代码仓库中——若可用）。