adding-react-components
Installation
SKILL.md
Adding React Components
The renderer uses React 18 with Zustand for state. Components live in src/renderer/components/. No barrel files — import directly from the file path.
Component types
| Type | Location | Root class | Purpose |
|---|---|---|---|
| Panel | components/panels/ |
.rail-panel |
Side panel in the rail |
| Modal | components/modals/ |
.modal-backdrop + .modal |
Overlay dialogs |
| View | components/ |
.view-container |
Full-width main views |
Panel template
// src/renderer/components/panels/WidgetPanel.tsx
import { useEffect, useState } from 'react'
import { useAppStore } from '../../store/useAppStore'