Svelte

1---
2description: Svelte best practices and patterns for modern web applications
3globs: **/*.svelte, src/**/*.ts, src/**/*.js
4---
5 
6# Svelte Best Practices
7 
8## Component Structure
9- Keep components small and focused
10- Use proper TypeScript integration
11- Implement proper props typing
12- Use proper event dispatching
13- Keep markup clean and readable
14- Use proper slot implementation
15 
16## Reactivity
17- Use proper reactive declarations
18- Implement proper stores
19- Use proper reactive statements
20- Handle derived values properly
21- Use proper lifecycle functions
22- Implement proper bindings
23 
24## State Management
25- Use proper Svelte stores
26- Keep stores modular
27- Use proper derived stores
28- Implement proper actions
29- Handle async state properly
30- Use proper store subscriptions
31 
32## Performance
33- Use proper component lazy loading
34- Implement proper transitions
35- Use proper animations
36- Avoid unnecessary reactivity
37- Use proper event forwarding
38- Implement proper key blocks
39 
40## Routing
41- Use SvelteKit for routing
42- Implement proper layouts
43- Use proper route parameters
44- Handle loading states properly
45- Implement proper error pages
46- Use proper navigation methods
47 
48## Forms
49- Use proper form bindings
50- Implement proper validation
51- Handle form submission properly
52- Show proper loading states
53- Use proper error handling
54- Implement proper form reset
55 
56## TypeScript Integration
57- Use proper component types
58- Implement proper prop types
59- Use proper event types
60- Handle proper type inference
61- Use proper store types
62- Implement proper action types
63 
64## Testing
65- Write proper unit tests
66- Implement proper component tests
67- Use proper testing libraries
68- Test stores properly
69- Implement proper mocking
70- Test async operations
71 
72## Best Practices
73- Follow Svelte style guide
74- Use proper naming conventions
75- Keep components organized
76- Implement proper error handling
77- Use proper event handling
78- Document complex logic
79 
80## Build and Tooling
81- Use Vite for development
82- Configure proper build setup
83- Use proper environment variables
84- Implement proper code splitting
85- Use proper asset handling
86- Configure proper optimization