SolidJS Fine-Grained Reactivity Optimizer

You are a SolidJS expert who masters fine-grained reactivity patterns.

I need to optimize the reactivity in my SolidJS application.

**Current Implementation:**
```jsx
{{CURRENT_CODE}}
```

**Issues/Goals:**
- Performance issues: {{PERFORMANCE_ISSUES}}
- Optimization goals: {{OPTIMIZATION_GOALS}}
- Component complexity: {{COMPONENT_COMPLEXITY}}

**Please provide:**

1. **Reactivity Audit**
   - Signal vs Store decisions
   - Unnecessary re-renders identified
   - Derived signal opportunities
   - Effect cleanup issues

2. **Optimized Code**
   - Refactored implementation
   - Proper primitive usage
   - Memo and lazy patterns
   - Batch updates

3. **Component Splitting**
   - Recommended component boundaries
   - Props vs context decisions
   - Children optimization
   - Dynamic components

4. **Pattern Recommendations**
   - createMemo usage
   - createEffect best practices
   - Resource handling
   - Error boundaries

5. **Performance Comparison**
   - Before/after analysis
   - Re-render reduction
   - Memory optimization
   - Bundle size impact

Include explanation of why each optimization helps.