moai-domain-frontend

SKILL.md

Modern Frontend Development - Comprehensive patterns for React 19, Next.js 16, Vue 3.5.

Vercel React Best Practices in modules/vercel-react-best-practices.md:

Create an async page component that uses the cache function from React to memoize data fetching. Import Suspense for loading states. Define a getData function that fetches from the API endpoint with an id parameter and returns JSON. In the page component, wrap the DataDisplay component with Suspense using a Skeleton fallback, and pass the awaited getData result as the data prop.

前端開發專家，涵蓋 React 19、Next.js 16、Vue 3.5 和具有組件架構的現代 UI/UX 模式。在構建 Web UI、實現組件、優化前端性能或集成狀態管理時使用。 來源：modu-ai/moai-rank。

查看原文