CLAUDE.md@by-framework/react claudeA
CLAUDE.md@by-framework/react is agent-read markdown (claude) from overseastelegramaliterateperson865/awesome-claude-md.
Indexed from public GitHub and served as immutable, content-addressed versions. Install it pinned to an exact SHA-256 with the mdr CLI, and every file is verified against the hash recorded here before it reaches your agent. The deterministic audit below grades the latest version, and the same file always earns the same grade.
What the file says
# React 19 + Vite SPA 项目 ## 技术栈 - React 19 + TypeScript，Vite 6 构建 - React Router v7 路由管理 - Zustand 状态管理（轻量场景用 Jotai） - Tailwind CSS 4 样式方案 - Vitest + React Testing Library 测试 ## 项目结构 ``` src/ components/ # 可复用 UI 组件（纯展示，无业务逻辑） pages/ # 页面级组件，对应路由 hooks/ # 自定义 hooks stores/ # Zustand store 定义 lib/ # 工具函数、API 客户端 types/ # TypeScript 类型定义 ``` ## 开发规范 - 组件使用函数式写法 + TypeScript，Props 用 interface 定义 - 优先使用 React 19 新特性：`use()` hook 处理 Promise/Context，`useOptimistic` 管理乐观更新 - 了解 Server Components 概念，但本项目为纯 SPA，所有组件均为 Client Components - 使用 `React.lazy()` + `Suspense` 做路由级代码分割 - 状态管理原则：组件本地状态用 `useState`，跨组件共享用 Zustand，服务端状态用 TanStack Query ## 路由 - React Router v7 使用 `createBrowserRouter` + `RouterProvider` 模式 - 数据加载用 `loader`，表单提交用 `action` - 路由定义集中在 `src/router.tsx` ## 样式 - Tailwind CSS utility class 优先，组件变体用 `clsx` 或 `cva` 管理条件样式 ## 测试 - 运行测试：`npx vitest` 或 `npx vitest run` - 单个文件：`npx vitest src/components/Button.test.tsx` - 组件测试用 `render` + `screen` + `userEvent`，优先按角色/文本查询 DOM - 异步断言使用 `waitFor` 或 `findBy*` 查询 ## 常用命令 ```bash npm run dev # 启动开发服务器（默认 5173 端口） npm run build # 生产构建，输出到 dist/ …
Read the whole file at its exact version.
How to install
mdr add overseastelegramaliterateperson865/awesome-claude-md/by-framework/react/CLAUDE.md@git:20260320.9b01acamdr add overseastelegramaliterateperson865/awesome-claude-md/by-framework/react/CLAUDE.md@sha256:e58a181a31738f92Pin to a label to follow the author's releases, or to a sha256 to freeze the exact bytes forever. Either way the resolved hash is written to mdr.lock, and mdr install reproduces it on any machine.
[](https://markdownregistry.com/a/art_bctklebu7azth3an)
1 badge views in 30 days
Versions
| version | committed | commit | size | audit | |
|---|---|---|---|---|---|
| git:20260320.9b01aca latest | 2026-03-20 | 9b01aca | 2,014 B | A | view · diff |
| git:20260320.fcf2609 | 2026-03-20 | fcf2609 | 2,166 B | A | view |
Audit of the latest version
- pass: Size between 200 bytes and 200 KB (2014 bytes)
- pass: No zero-width or bidi control characters
- pass: No instruction hidden inside an HTML comment
- pass: No link to an exfiltration or paste host
- pass: No credential-shaped string
- pass: No instruction to send local credentials anywhere
- pass: No text hidden with inline styles
- pass: No prompt-injection phrasing
- pass: No curl or wget piped into a shell
- pass: No recursive delete of root, home or parent
- pass: No instruction to read or print local credentials
- pass: No base64 blob over 200 characters
- pass: No link to a raw IP address
- pass: No script tag
Source
overseastelegramaliterateperson865/awesome-claude-md · 3 stars · license MIT · pushed 2026-09-23 · branch main
API
GET https://markdownregistry.com/api/v1/artifacts/art_bctklebu7azth3an GET https://markdownregistry.com/api/v1/resolve?ref=overseastelegramaliterateperson865/awesome-claude-md/by-framework/react/CLAUDE.md GET https://markdownregistry.com/api/v1/blob/e58a181a31738f927fe0e5aaccbe3473471628832c5b3958231a75667745d979
Your agent does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.
More from overseastelegramaliterateperson865/awesome-claude-md
Every file in overseastelegramaliterateperson865/awesome-claude-md