Book Image

Svelte.js 3 and Sapper Projects [Video]

By : Germán Mené Santa Olaya
Book Image

Svelte.js 3 and Sapper Projects [Video]

By: Germán Mené Santa Olaya

Overview of this book

This course will take you through three core projects to help you build effective, reactive, and attractive apps with Svelte, demonstrating its intrinsic benefits, including less code and impressive reactivity/state management along the way. Our first project, a vCard generator app, will demonstrate the modularity and reactivity web applications you can develop with Svelte. We will build reusable and dynamic components that we will later enhance with more advanced features. Sections on animation and transitions are included to make applications look as good as they perform! Our second project will be a fully functional Kanban board application, similar to Trello. This application will also have effective state management, by making use of stores and other key Svelte features. Our final application will be based on the previous Kanban board application but making use of Sapper, the official Svelte framework. However, we will build this application with Sapper, the official Svelte framework. We will learn how to create web apps with Sapper and master its most useful features, such as routing and prefetching. We will also provide an introduction to testing Sapper applications with Cypress, and we finish the course by deploying our application in two different ways: as a static page, and as an SEO-optimized server-side rendered (SSR) application. The code bundle for this video course is available at - https://github.com/PacktPublishing/Sveltejs-3-and-Sapper-Projects
Table of Contents (7 chapters)
Chapter 3
Enhancing Our Application
Content Locked
Section 3
Using Slots
Slots let us define a piece of content that is then filled when the component is used.