Developing Web Components with Svelte

Building a Library of Reusable UI Components

Alex Libby

• Publisher: Apress
• Year: 2025
• Print ISBN: 9798868811791
• eBook ISBN: 9798868811807
• Edition: 2
• Topic: Computer Science
• Subtopic: Programming
• Index: Computer Science

Leverage the power of Svelte to quickly produce the foundations of a framework-agnostic component library that can extend and develop over time. This is a project-oriented book that simplifies setting up the skeleton of the library and adding components, using little more than a text editor or free software. 

You'll gain a starting baseline that can be used to develop future projects or incorporated into an existing workflow. You'll take development to the next level and can use this knowledge to create components with any framework, such as React, Angular or Vue.js, not just Svelte. Developing Web Components with Svelte is an excellent resource for getting acquainted with creating and maintaining a component library using a phased approach. It takes the view that you don't have to create something complex and unwieldy. Instead, you can start building something quickly, then extend it as needs dictate over time, without sacrificing speed or features.

You'll see how to develop cleaner components in a quick, clear and straightforward way. The components you create from this book can be made available for use in other frameworks such as React, Vue or Angular,  making them genuinely reusable. In short, Svelte offers plenty of opportunities as it is based on Node.js and JavaScript, which makes it a powerful package to use.

This New Edition Includes: 

• New chapters covering  animation components, accessibility concerns and Theming
• Extensively updated content and documentation to support changes in Storybook 
• Updated to the latest spec of Svelte 
• Reworked content and installation process for Storybook 

You'll Learn: 

• To use the Svelte framework to rapidly create and deploy the foundation of a web component library that is versatile and performant
• To review developing and customizing components based on our needs
• To work through a real-world project to help solidify skills learned from the book and put them into practice

Who This Book Is For:

• Website developers, familiar with JavaScript, who are keen to learn how to leverage the Svelte framework fast
• Agile development teams, where time is of the essence, and the pressure is on to deliver results quickly
• Developers who want to focus on simplicity, to produce efficient and optimized content in modern browsers using tools readily available

Table of contents

• Cover
• Front Matter
• 1. Getting Started
• 2. Creating Basic Components
• 3. Building Action Components
• 4. Building Navigation Components
• 5. Creating Notification Components
• 6. Creating Grid Components
• 7. Creating Animation Components
• 8. Writing Documentation
• 9. Testing Components
• 10. Accessibility
• 11. Deploying to Production
• 12. Taking Things Further
• Back Matter