# Spa

> Single Page Application architecture with client-side routing

- Skill: `ffsshhttiikk/spa` (Agent Skill)
- Install (CLI): `npx skillmds@latest add ffsshhttiikk/spa`
- Raw SKILL.md: https://api.skillmd.com/api/skills/ffsshhttiikk/spa/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- License: MIT
- Author: ffsshhttiikk (https://skillmd.com/u/ffsshhttiikk)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/ffsshhttiikk/spa

---

## What I do
- Build SPAs with client-side routing
- Manage application state
- Handle browser history API
- Implement lazy loading
- Optimize initial load

## When to use me
When building interactive web apps with smooth navigation.

## React Router
```javascript
import { BrowserRouter, Routes, Route, Link } from 'react-router-dom';

function App() {
  return (
    <BrowserRouter>
      <nav>
        <Link to="/">Home</Link>
        <Link to="/about">About</Link>
      </nav>
      <Routes>
        <Route path="/" element={<Home />} />
        <Route path="/about" element={<About />} />
      </Routes>
    </BrowserRouter>
  );
}
```