在 Manus 中运行任何 Skill
一键导入
一键导入
一键在 Manus 中运行任何 Skill
开始使用react
React development best practices and patterns, including modern data fetching with React 19.
星标1
分支0
更新时间2025年11月9日 14:51
SKILL.md
readonly菜单
React development best practices and patterns, including modern data fetching with React 19.
Default to using Bun instead of Node.js for all JavaScript/TypeScript operations including running files, testing, building, and package management.
Assist with Mojolicious web framework development using documentation search, browsing, and testing requests without starting a server.
Assist with Hono web framework development using the hono CLI for documentation search, browsing, and testing requests without starting a server.
| name | react |
| description | React development best practices and patterns, including modern data fetching with React 19. |
Modern React development patterns and best practices.
Use React 19's use hook with Suspense for data fetching. Don't use useEffect for fetching data.
import { use } from "react";
const fetchUsers = fetch('/api/users').then(res => {
if (!res.ok) {
throw new Error(`HTTP error! status: ${res.status}`);
}
return res.json();
});
export function Users() {
const users = use(fetchUsers);
return (
<ul>
{users.map(user => <li key={user.id}>{user.name}</li>)}
</ul>
);
}
Wrap components with Suspense for loading states:
import { Suspense } from "react";
import { Users } from "./pages/Users";
export function App() {
return (
<Suspense fallback={<div>Loading...</div>}>
<Users />
</Suspense>
);
}
use hook for data fetching instead of useEffectSuspense boundaries