Best Practices

A summary:

1. Reactivity: Use track() with &[] lazy destructuring to create reactive variables you can read and write directly
2. Strings: Use direct double-quoted text children for static text, and {} for JavaScript expressions
3. Effects: Use effect() for side effects that depend on reactive values
4. Components: Keep components focused and type props with TypeScript interfaces or type aliases
5. Styling: Use scoped <style> elements for component-specific styles
6. Collections: Use RippleArray, RippleObject, RippleMap, and RippleSet for reactive collections instead of regular mutable objects