Название: Developing Web Components with Svelte: Building a Library of Reusable UI Components
Автор: Alex Libby
Издательство: Apress
Год: 2023
Страниц: 350
Язык: английский
Формат: pdf, epub
Размер: 10.2 MB

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 in this project can be made available in one of the world's most extensive component ecosystems to be usable by other frameworks, making them genuinely reusable. In short, Svelte offers plenty of opportunities as it is based on Node.js and jаvascript making Svelte a powerful package to work from.

What if you found yourself creating multiple components and were beginning to reuse them across multiple projects? We could use them individually, but that wouldn’t be the most effective way – instead, why not create a component library? Creating such a library opens up some real possibilities – we could build our library around standard components that everyone uses or focus on a select few that follow a theme, such as forms. At this point, you’re probably assuming that we’d do something in React, right? Wrong. Anyone who knows me knows that I like to keep things simple – while there is nothing technically wrong with React (it’s a great framework), I want to do something different. We’re going to build such a component library for this book, but the framework I’ve elected to use is a relatively new kid on the block – Svelte. There are many reasons for doing this, but performance is the most important one – Svelte’s architecture is different from most frameworks, making it super-fast than many of its rivals. Throughout this book, we’ll explore how to write web components using Svelte, learn how to bring them together in a unified library, and explore the steps required to release them to the world at large with minimal effort. In time-honored tradition, we must start somewhere – there’s no better place than to kick off with a look at what we will create through this book, set some boundaries, and get some of the tools and resources ready for use.

What You'll Learn
Use the Svelte framework to rapidly create and deploy the foundation of a component library that is versatile and performant
Review developing and customizing components based on our needs
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 jаvascript, 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.