svelte-best-practices

Svelte 5 runes replace previous reactive syntax by providing explicit functions for reactive state declaration and side effects. This skill guides you through applying runes correctly to create maintainable and performant reactivity patterns in your components.

Optimizing Svelte component architecture involves using composable patterns and modular designs. This skill provides guidelines to enhance component reusability and maintainability, ensuring your Svelte 5 codebase remains efficient and scalable.

Implementing shared state in Svelte 5 uses the context pattern with centralized factories. This skill demonstrates how to establish context patterns efficiently, allowing centralized state management across your application components without prop drilling.

Following SvelteKit conventions ensures your application adheres to community standards for routing, loading, and rendering. This skill outlines the specific conventions needed to maintain a robust, performant SvelteKit development workflow.

Yes, setting up a robust testing environment for Svelte components is a core feature. This skill provides the necessary guidelines and patterns to test your Svelte 5 applications thoroughly, ensuring code quality and reliability.

Applying correct reactivity rules in Svelte 5 prevents performance bottlenecks and unexpected state updates. This skill helps you identify and implement the appropriate reactivity patterns needed for your specific application requirements.