React SPA Development

Overview

This skill provides guidance for building modern React Single Page Applications (SPAs) using:

• React 19+ for UI components and hooks
• React Router v7 for client-side routing and navigation
• Jotai for atomic global state management
• Vite for fast development and optimized builds
• Bun as the package manager and runtime

This skill focuses exclusively on client-side React applications, NOT server-side rendering frameworks like Next.js or Remix.

React 19 Features

Actions and useActionState

React 19 introduces Actions for handling async state transitions: