Svelte Expert-AI-powered Svelte expert guidance

Example

A developer might be stuck while using Svelte stores to manage state and asks how to handle asynchronous updates. Svelte Expert can provide a clear example using `$: reactive declarations` and explain when to use derived stores.

Scenario

When building a to-do app, a developer needs to sync tasks with a server. Svelte Expert explains how to use a writable store to manage local state and async data fetching with `fetch()` to update the store in real-time.

Example

Svelte Expert suggests when to prefer Svelte’s built-in transitions versus custom animations based on the app's performance needs, providing code snippets.

Scenario

A designer asks for help in creating smooth animations for a portfolio website. Svelte Expert demonstrates how to use Svelte’s `transition:fade` directive for optimal performance and how to combine it with custom CSS animations.

Example

Svelte Expert may explain how Svelte compiles templates into highly optimized vanilla JS code, avoiding a virtual DOM, and provide tips on reducing bundle size using tree-shaking.

Scenario

A team working on an e-commerce platform asks for ways to optimize their product page load times. Svelte Expert recommends using SvelteKit’s SSR (server-side rendering) for faster load times and hydration for a better user experience.