Preface

• Who this book is for
• What this book covers
• To get the most out of this book
• Download the example code files
• Conventions used
• Get in touch
• Share Your Thoughts

1. Part 1: Writing Svelte Components

2. Chapter 1: Lifecycles in Svelte FREE CHAPTER

• Technical requirements
• Understanding the Svelte lifecycle functions
• The one rule for calling lifecycle functions
• Reusing lifecycle functions in Svelte components
• Composing lifecycle functions into reusable hooks
• Coordinating lifecycle functions across components
• Summary

3. Chapter 2: Implementing Styling and Theming

• Technical requirements
• Styling Svelte components in six different ways
• Styling Svelte with Tailwind CSS
• Theming Svelte components with CSS custom properties
• Summary

4. Chapter 3: Managing Props and State

• Technical requirements
• Defining props and state
• Understanding bindings
• One-way versus two-way data flow
• Deriving states from props with a reactive declaration
• Managing complex derived states
• Updating props using derived states
• Summary

5. Chapter 4: Composing Components

• Technical requirements
• Manipulating how a child component looks
• Passing dynamic content through slots
• Rendering different HTML element or component types
• Creating recursive components for recursive data
• Example – a JSON tree viewer
• The Container/Presentational pattern
• Summary

6. Part 2: Actions

7. Chapter 5: Custom Events with Actions

• Technical requirements
• Defining actions
• Reusing DOM event logic with custom events
• Example – validating form inputs with custom events
• Exercise – creating a drag-and-drop event
• Summary

8. Chapter 6: Integrating Libraries with Actions

• Technical requirements
• Integrating vanilla JavaScript UI libraries into Svelte
• Example – integrating Tippy.js
• Example – integrating CodeMirror
• Using UI libraries written in other frameworks
• Integrating react-calendar into Svelte
• Summary

9. Chapter 7: Progressive Enhancement with Actions

• Technical requirements
• What is progressive enhancement?
• Example – previewing a link with a <a> element
• Example – progressively enhancing a form
• Summary

10. Part 3: Context and Stores

11. Chapter 8: Context versus Stores

• Defining Svelte context
• Defining the Svelte store
• Choosing between a Svelte context and a Svelte store
• Summary

12. Chapter 9: Implementing Custom Stores

• Technical requirements
• Creating a Svelte store from user events
• Creating an undo/redo store
• Creating a debounced higher-order Svelte store
• Summary

13. Chapter 10: State Management with Svelte Stores

• Technical requirements
• Managing states with Svelte stores
• Using state management libraries with Svelte
• Summary

14. Chapter 11: Renderless Components

• Technical requirements
• What are renderless components?
• Exploring reusable renderless components
• Turning a declarative description into imperative instructions
• Summary

15. Chapter 12: Stores and Animations

• Technical requirements
• Introducing the tweened and spring stores
• Examples – creating an animated graph with the tweened and spring stores
• Creating custom tweened interpolators
• Examples – creating an animated image preview
• Summary

16. Part 4: Transitions

17. Chapter 13: Using Transitions

• Technical requirements
• Adding transitions to elements
• When are the transitions played?
• How Svelte transition works under the hood
• Summary

18. Chapter 14: Exploring Custom Transitions

• Technical requirements
• The transition contract
• Writing a custom CSS transition using the css function
• Writing a custom JavaScript transition using the tick function
• Summary

19. Chapter 15: Accessibility with Transitions

• Technical requirements
• What is web accessibility?
• Understanding user preference with prefers-reduced-motion
• Reducing motion for Svelte transition
• Having alternative transitions for inaccessible users
• Summary

20. Index

• Why subscribe?

21. Other Books You May Enjoy

• Packt is searching for authors like you
• Download a free PDF copy of this book