SolidJS Reactive Development

# SolidJS Reactive Development

## Core Concepts
- Fine-grained reactivity with Signals
- Components run once, only reactive parts update
- No virtual DOM - direct DOM manipulation
- Compiler-optimized output

## Patterns
- Use createSignal for simple state
- Use createStore for complex nested state
- Use createResource for async data
- Use createEffect for side effects
- Use createMemo for derived values

## JSX Rules
- Don't destructure props (breaks reactivity tracking)
- Use Show component for conditional rendering
- Use For component for list rendering
- Use Switch/Match for multiple conditions
- Use Dynamic component for dynamic elements

## TypeScript Integration
- Type signals with generics: createSignal<Type>(initial)
- Type props with interface definitions
- Use Component<Props> type for components
- Export types alongside components