## 1. Shorthand Properties When passing a property to an element or component you can use the shorthand syntax if the variable name is the same as the property name. This makes the code cleaner and easier to read, and saves you having to specify the property name. ```svelte Link ``` ## 2. Named Slots Svelte provides the `slot` element which allows you to pass child content to a component. If you want to have multiple slots on a component you can give each slot a name and then reference that name when passing content to the slot, making it easy to control how the child content is rendered. ```svelte

Header

Content

``` ## 3. Element Binding Directive Getting a reference to an element can be frustrating in some frameworks, but Svelte makes it easy with the `bind:this` directive. Once you have the element reference you can access its exported properties and functions directly. ```svelte ``` ## 4. Custom Component Directives Svelte allows you to emit custom events that can be subscribed to using the `on:` directive, making it easy to trigger an action in or pass data out of a parent component. ```svelte console.log(e.detail.message)} /> ``` For more information see [the docs](https://svelte.dev/docs/component-directives). ## 5. Exported Functions Using the `export` keyword you can export functions from a component that can be invoked from outside the component, making it easy to trigger an action on or pass data into a child component. ```svelte ``` ## 6. Transitions When using `#await` you can animate the new elements as they are added to the DOM using Svelte's in-built transitions. The transitions are applied to the element using the `in:` directive and can be easily customised. ```svelte {#await promise}

Waiting...

{:then _}

Loaded!

{/await} ``` For more information see [the docs](https://svelte.dev/docs/svelte-transition). ## Conclusion SvelteKit is a powerful and fully featured framework with comprehensive documentation and a very active community. This list only scratches the surface of all the great features built in. I've personally fallen in love with it and would highly recommend you [give it a try](https://kit.svelte.dev/docs/creating-a-project) on your next project.

Tags