developing-with-react-18 - Build React 18 components with Fusion.js patterns
Implements React 18 patterns in Fusion.js using hooks, Styletron, Base Web, React Query, routing, plugins, and performance techniques.
Tags
Updated: 2026-09-28Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Apply React 18 hooks
- Forward refs through components
- Manage state hierarchically
- Fetch data with React Query
- Style components with Styletron
- Use Base Web components
- Define Fusion.js routes
- Create Fusion.js plugins
- Guard environment-specific code
- Optimize React renders
Inputs
- React component requirements
- Fusion.js project context
- Server data requirements
- Routing requirements
- Styling requirements
Outputs
- React component implementations
- Styled UI components
- Data-fetching hooks
- Fusion.js route definitions
- Fusion.js plugin definitions
Requirements
- React 18.3.1
- Fusion.js
- Styletron
- Base Web
- Atreyu
- fusion-plugin-rpc
- fusion-plugin-react-query