Book Image

SvelteKit Up and Running

By : Dylan Hildenbrand
Book Image

SvelteKit Up and Running

By: Dylan Hildenbrand

Overview of this book

The JavaScript ecosystem has grown vast, complex, and daunting for newcomers. Fortunately, SvelteKit has emerged, simplifying the process of building JavaScript-based web applications. This book aims to demystify SvelteKit, making it as approachable as it makes web app development. With SvelteKit Up and Running you’ll be introduced to the philosophy and technologies underlying SvelteKit. First, you’ll follow a standard educational programming approach, progressing to a 'Hello World' application. Next, you’ll explore the fundamental routing techniques, data loading management, and user submission, all through real-world scenarios commonly encountered in day-to-day development, before discovering various adapters employed by SvelteKit to seamlessly integrate with diverse environments. You’ll also delve into advanced concepts like dynamic route management, error handling, and leveraging SvelteKit to optimize SEO and accessibility. By the end of this book, you’ll have mastered SvelteKit and will be well-equipped to navigate the complexities of web app development.
Table of Contents (19 chapters)
1
Part 1 – Getting Started with SvelteKit
5
Part 2 – Core Concepts
10
Part 3 – Supplemental Concepts

Forms and Data Submission

In the previous chapter, we went into some of the finer details behind loading data in SvelteKit. While loading data is important, it is equally important that we understand how to empower users to submit that data. That is why this chapter will explore some of the finer details behind forms and actions in SvelteKit. While not all applications have to accept data from users, the ones that do so in an intuitive manner tend to rise above the rest. After all, some of the best user experiences are taken for granted because they simply work. It’s when things break that users begin paying attention to them.

Throughout this chapter, we’ll learn how leveraging <form> elements can keep our application accessible and our code minimal. Integrating those forms with easily implemented actions lets us take the submitted data and process it accordingly. And finally, we’ll look at how we can soften some of the edges of the standard user experience...