React and TypeScript, v3

主要收获 (Key Takeaways)

通过参与本次工作坊，你将学到：

• 掌握 server-first 组件边界、数据获取与数据变更（mutations）。

• 在 props、state、reducers、事件和 refs 中，应用 规范的 TypeScript 写法。

• 设计表单，涵盖 操作处理器（action handlers）、验证机制以及 乐观式用户体验（Optimistic UX）。

• 使用 对编译器友好的模式 与 资源提示（resource hints） 来提升性能。

适合人群 (Is This Workshop for Me?)

• 高级前端工程师

• 使用 TypeScript 为主，并正在采用 server-first 模型 的团队

• 建议对 hooks、基础 SSR、泛型有一定熟悉度

工作坊详情 (Workshop Details)

• 学习 服务端渲染组件、Suspense、基于 action 的数据变更、乐观 UI 的核心概念。

• 实现一个 端到端功能，具备强类型、可访问的 UI，以及清晰的测试策略。

先决条件 (Any Prerequisites?)

• Node 20+ 与一个包管理器（推荐使用 pnpm）

• 熟悉常见 hooks（useEffect、useMemo、useRef、useReducer）