What this book covers
Chapter 1, Lifecycles in Svelte, provides an overview of Svelte’s lifecycles, their respective functions, the rules for invoking them, and strategies to reuse and compose these lifecycle functions.
Chapter 2, Implementing Styling and Theming, dives into six unique methods to style Svelte components. You will also learn the essentials of theming Svelte components, from defining themes to enabling user customization.
Chapter 3, Managing Props and State, deepens your understanding of props and state within Svelte. This chapter demystifies props, state, and bindings, and discusses the distinctions between one-way and two-way data bindings. It also showcases deriving state from props.
Chapter 4, Composing Components, provides techniques to control content within child components from their parent components. You will explore the <slot>
element and various Svelte special elements, such as <svelte:self>
and <svelte:fragment>
.
Chapter 5, Custom Events with Actions, kickstarts your exploration of Svelte actions over three chapters. This chapter starts by exploring the idea of creating custom events using Svelte actions.
Chapter 6, Integrating Libraries with Actions, provides a hands-on guide to integrating a third-party JavaScript library into Svelte using actions.
Chapter 7, Progressive Enhancements with Svelte Actions, unpacks the concept of progressive enhancements and helps you understand how Svelte actions can be leveraged to progressively enhance your Svelte application.
Chapter 8, Context versus Stores, delves into Svelte context and stores. You’ll learn how and when to use Svelte context and stores.
Chapter 9, Implementing Custom Stores, teaches you how to implement custom Svelte stores through a practical step-by-step guide, going through multiple real-world examples along the way.
Chapter 10, State Management with Svelte Stores, arms you with practical tips on managing application state in Svelte applications. You will also learn how to use third-party state management libraries in Svelte.
Chapter 11, Renderless Components, explores the concept of the renderless component, a type of reusable component that does not render any HTML elements of its own. We will systematically go through implementing such a component.
Chapter 12, Stores and Animations, explores the built-in tweened
and spring
stores. You’ll learn how to apply them in your Svelte application, and how to customize the interpolation for these animating stores.
Chapter 13, Using Transitions, provides a comprehensive understanding of transitions in Svelte. You’ll learn how to use transitions in Svelte, when and how transitions are played, and how they work under the hood.
Chapter 14, Exploring Custom Transitions, explores the idea of writing a custom transition in Svelte. You’ll learn about the Svelte transition contract, and with practical examples, you’ll be guided step by step through creating a custom transition in Svelte.
Chapter 15, Accessibility with Transitions, sheds light on accessibility considerations in transitions, particularly for users with vestibular disorders. You’ll gain insights into crafting responsible transitions that respect user preferences and cater to all.