Home / yuecao365 / offercome · src/lib/mock-interviews/skills/react/SKILL.md · GitHub

react skillA

react is agent-read markdown (skill) from yuecao365/offercome: React 怎么面:调和与 Hooks、状态与数据获取、重渲染、Next.js。JD 点名 React 时读。.

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 方向前端的日常是用组件与 Hooks 组织业务界面、管理服务器数据与本地状态、控制重渲染、在 Next.js 或自建 SSR 上做首屏与 SEO、写测试保证重构安全。真实面试里 React 题的分水岭非常清晰:背过文档的人能说出 useEffect 的依赖数组规则,但说不出为什么自己的页面会闪烁两次、为什么列表一滚动就掉帧、为什么 Server Component 里不能用 useState。面试官最在意三件事:一是对 React 渲染模型的真实理解(什么触发渲染、渲染与提交的区别、为什么 state 是快照),二是有没有排查过真实的性能与状态问题(重渲染归因、竞态、缓存失效),三是对 React 生态的选型判断(数据获取库、状态库、Next.js 的 App Router 与 Pages Router、RSC 的边界)。

校招侧重 Hooks 规则、虚拟 DOM 与 diff、受控组件、常见 Hook 的手写与闭包陷阱;社招侧重 Concurrent 特性的实际用法、RSC 与 Server Actions 的架构影响、大型应用的状态分层、性能归因工具链、测试策略与迁移经验。一线大厂与外企现在常给一段有问题的组件代码让候选人现场找 bug 与优化,或者给一个页面需求让候选人口述组件划分与数据流。

怎么问才像这个方向的面试官:
- 先问现象再问原理:从"页面闪烁两次""输入框内容错位""旧 state"这类真实 bug 切入,能背文档但没写过的人在这里会露馅。
- 每个优化手段都追"怎么测的、数字多少、什么时候不该用",尤其是 memo 类优化,追问"你有没有因为过度优化回退过"。
- Next.js 与 RSC 题结合候选人实际用的路由模式与部署方式出,没用过 App Router 的不强考 RSC 细节,但要考 SSR 与 hydration 的通用理解。
- 不考 API 时效:不问"React 19 新增了哪些 Hook"这类记忆题,考的是渲染模型、状态设计与工程判断;浏览器与构建通用题交给 parent 包 frontend。
- 2026 年 React 面试的分水岭是 React 19:Server Components 与 Actions(useActionState、useOptimistic、use)、ref 作为 prop、React Compiler 的自动记忆化。面试官会追"哪些组件该在服务端、Actions 怎么接管 pending 与错误、编译器让你删掉了哪些手写 memo";只会讲 useEffect 依赖数组的按过时处理。

## 项目 / 实习怎么深挖
…

Read the whole file at its exact version.

How to install

Latest version
mdr add yuecao365/offercome/react@git:20260920.a4843f5
Exact content
mdr add yuecao365/offercome/react@sha256:24dc634dbc315950

Pin 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.

Badge

mdr badge

[![mdr](https://markdownregistry.com/badge/art_pjmv33zcvspczmfh.svg)](https://markdownregistry.com/a/art_pjmv33zcvspczmfh)

1 badge views in 30 days

Versions

versioncommittedcommitsizeaudit
git:20260920.a4843f5 latest2026-09-20 a4843f5 12,994 BA view

Audit of the latest version

A  17 of 17 checks passed. Deterministic, no model, same answer every run.
  • pass: Frontmatter block present
  • pass: Frontmatter declares a name
  • pass: Frontmatter declares a description
  • pass: Size between 200 bytes and 200 KB (12994 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

GitHub

yuecao365/offercome · 23 stars · license MIT · pushed 2026-09-23 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_pjmv33zcvspczmfh
GET https://markdownregistry.com/api/v1/resolve?ref=yuecao365/offercome/react
GET https://markdownregistry.com/api/v1/blob/24dc634dbc3159505ab040ac6afce6a4407781e6cfe706ba9b61f96fbd1a69d3

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 yuecao365/offercome

AGENTS.md agents
yuecao365/offercome · AGENTS.md
git:20260921.abf64ee · audit A · 23 stars
CLAUDE.md claude
yuecao365/offercome · CLAUDE.md
git:20260803.e553cde · audit B · 23 stars
agent-runtime skill
yuecao365/offercome · src/lib/mock-interviews/skills/agent-runtime/SKILL.md · Agent 运行时深挖:循环与事件、工具协议与沙箱、子 agent、预算终止、恢复、输出契约。
git:20260920.a4843f5 · audit A · 23 stars
ai-agent skill
yuecao365/offercome · src/lib/mock-interviews/skills/ai-agent/SKILL.md · Agent 开发与运行时怎么面:循环与工具、RAG、上下文与记忆、评测、安全、成本。Agent 与 LLM 应用岗读。
git:20260920.a4843f5 · audit A · 23 stars
ai-algorithm skill
yuecao365/offercome · src/lib/mock-interviews/skills/ai-algorithm/SKILL.md · 大模型算法怎么面:Transformer、预训练、后训练与对齐、RL、微调、Embedding、评测。LLM 算法岗读。
git:20260920.a4843f5 · audit A · 23 stars
ai-app-testing skill
yuecao365/offercome · src/lib/mock-interviews/skills/ai-app-testing/SKILL.md · AI 应用测试深挖:非确定性输出、幻觉与 RAG 评估、Agent 链路审计、安全对抗、回归门禁、AI 生成用例。
git:20260920.a4843f5 · audit A · 23 stars
ai-infra skill
yuecao365/offercome · src/lib/mock-interviews/skills/ai-infra/SKILL.md · 大模型推理与训练基础设施怎么面:KV cache、调度、并行、量化算子、服务指标、训练集群。AI Infra 岗读。
git:20260920.a4843f5 · audit A · 23 stars
algorithm skill
yuecao365/offercome · src/lib/mock-interviews/skills/algorithm/SKILL.md · 算法与机器学习怎么面:ML 基础、深度学习、特征、AB 实验、部署监控、落地。算法与 ML 工程岗读。
git:20260920.a4843f5 · audit A · 23 stars
android skill
yuecao365/offercome · src/lib/mock-interviews/skills/android/SKILL.md · Android 怎么面:生命周期、Compose、协程与 Flow、性能、启动。JD 点名 Android 时读。
git:20260920.a4843f5 · audit A · 23 stars
backend skill
yuecao365/offercome · src/lib/mock-interviews/skills/backend/SKILL.md · 后端怎么面(栈无关):缓存、消息队列、接口、可靠性、可观测、容量、发布。服务端岗读。
git:20260920.a4843f5 · audit A · 23 stars
cpp skill
yuecao365/offercome · src/lib/mock-interviews/skills/cpp/SKILL.md · C++ 后端怎么面:内存模型、RAII、STL 性能、多线程与原子、IO 模型、现代 C++。JD 点名 C++ 时读。
git:20260920.a4843f5 · audit A · 23 stars
cs-fundamentals skill
yuecao365/offercome · src/lib/mock-interviews/skills/cs-fundamentals/SKILL.md · 计算机基础怎么面:操作系统、网络、数据结构与算法、数据库原理。技术岗校招兜底。
git:20260920.a4843f5 · audit A · 23 stars

Every file in yuecao365/offercome

Other files named react

react skill
magnus919/agent-skills · react/SKILL.md · Operate React applications as a named tool: inspect and diagnose React/Vite projects, design component boundaries and…
git:20260902.befe2e2 · audit A · 93 stars
react skill
jnpiyush/agentx · .github/skills/languages/react/SKILL.md · Build React applications with modern hooks, TypeScript, and performance best practices. Use when creating React…
v1.0.0 · audit A · 16 stars
react rules
jnpiyush/agentx · .cursor/rules/react.mdc · React / TSX frontend standards (Frontier)
git:20260915.f17c505 · audit A · 16 stars
react skill
alexander-danilenko/cortex-ai-skills · skills/react/SKILL.md · Apply these opinionated React conventions when writing React 18+ or 19 components: hooks patterns, Server Components…
git:20260803.af106c2 · audit A · 15 stars

Browse by kind, by grade A, or by owner.