developing-with-react-18 - 使用 Fusion.js 模式构建 React 18 组件
在 Fusion.js 中使用 Hooks、Styletron、Base Web、React Query、路由、插件和性能优化技术实现 React 18 模式。
标签
更新于: 2026-09-28能力
典型输入
典型输出
该技能可以做什么
- 应用 React 18 Hooks
- 在组件间转发 Ref
- 分层管理状态
- 使用 React Query 获取数据
- 使用 Styletron 设置样式
- 使用 Base Web 组件
- 定义 Fusion.js 路由
- 创建 Fusion.js 插件
- 隔离环境专属代码
- 优化 React 渲染
输入
- React 组件需求
- Fusion.js 项目上下文
- 服务端数据需求
- 路由需求
- 样式需求
输出
- React 组件实现
- 带样式的 UI 组件
- 数据获取 Hooks
- Fusion.js 路由定义
- Fusion.js 插件定义
要求
- React 18.3.1
- Fusion.js
- Styletron
- Base Web
- Atreyu
- fusion-plugin-rpc
- fusion-plugin-react-query