async-react-demo은(는) 무엇을 하나요?
Next.js 태스크 보드로, useOptimistic, Suspense 경계, 액션 props, 폼 액션 등 비동기 React 패턴을 보여줍니다.
async-react-demo는 useOptimistic, Suspense 경계, 액션 props, 폼 액션 등 비동기 React 패턴을 보여주는 Next.js 태스크 보드입니다.
이 스킬은 비동기 React 패턴을 실제로 구현한 Next.js 태스크 보드 애플리케이션입니다. `useOptimistic` 훅을 사용한 낙관적 업데이트, `Suspense` 경계를 통한 로딩 상태 관리, 서버 액션과 폼 액션을 활용한 데이터 변이 등 최신 React 19 및 Next.js 14+ 기능을 종합적으로 보여줍니다. 개발자는 이 데모를 통해 비동기 워크플로우를 선언적이고 효율적으로 처리하는 방법을 학습할 수 있으며, 클라이언트-서버 상호작용을 간소화하는 실용적인 예제를 제공합니다. 이 애플리케이션은 로컬에서 실행하거나 Vercel에 배포할 수 있으며, 최신 React 서버 컴포넌트 패턴을 이해하는 데 유용한 참고 자료가 됩니다.
npx skills add vercel-labs/async-react-demoInstalled? Explore more 생산성 & 협업 skills: steipete/gemini, steipete/gh-issues, steipete/skill-creator · View all 6 →
Next.js 태스크 보드로, useOptimistic, Suspense 경계, 액션 props, 폼 액션 등 비동기 React 패턴을 보여줍니다.
Gemini CLI one-shot prompts, summaries, generation, skills, hooks, MCP, or Gemma routing.
Fetch GitHub issues, select candidates, spawn background fix agents, open PRs, and optionally process PR review comments.
Create, edit, audit, tidy, validate, or restructure AgentSkills and SKILL.md files.
Search, install, update, sync, or publish agent skills with the ClawHub CLI and registry.
Delegate coding work to Codex, Claude Code, or OpenCode as background workers; not simple edits or read-only code lookup.
List, configure, authenticate, call, and inspect MCP servers/tools with mcporter over HTTP or stdio.