Rule of Claw
codingVerified

Solid.js Modern Development Setup

Modern Solid.js development with reactive patterns, TypeScript, and performance optimization

content
# SolidJS Modern Development

## Core Principles
- Use fine-grained reactivity with createSignal and createEffect
- Prefer SolidJS primitives over React patterns
- Components render once - reactivity handles updates
- Use createStore for complex state
- Leverage SolidJS's compiler for optimal output

## Project Structure
- src/components/ for reusable UI components
- src/pages/ for route-based pages
- src/stores/ for state management
- src/utils/ for helper functions
- src/assets/ for static resources

## Best Practices
- Use JSX with SolidJS reactivity primitives
- Avoid destructuring props (breaks reactivity)
- Use Show, For, and Switch for conditional rendering
- Prefer createResource for data fetching
- Use solid-router for navigation
- Keep components small and focused
- Use TypeScript for type safety
solidjsreactivetypescriptperformancessr

Compatible with

cursorclaude-code