Sign In Start Free Trial
Account

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Book Overview & Buying Svelte 3 Up and Running
  • Table Of Contents Toc
Svelte 3 Up and Running

Svelte 3 Up and Running

By : Segala
4.8 (5)
close
close
Svelte 3 Up and Running

Svelte 3 Up and Running

4.8 (5)
By: Segala

Overview of this book

Svelte is a modern JavaScript framework used to build static web apps that are fast and lean, as well as being fun for developers to use. This book is a concise and practical introduction for those who are new to the Svelte framework which will have you up to speed with building apps quickly, and teach you how to use Svelte 3 to build apps that offer a great app user experience (UX). The book starts with an introduction to Svelte 3, before showing you how to set up your first complete application with the framework. Filled with code samples, each chapter will show you how to write components using the Svelte template syntax and the application programming interfaces (APIs) of the Svelte framework. As you advance, you’ll go from scaffolding your project and tool setup all the way through to production with DevOps principles such as automated testing, continuous integration, and continuous delivery (CI/CD). Finally, you’ll deploy your application in the cloud with object storage services and a content delivery network (CDN) for best-in-class performance for your users. By the end of this book, you’ll have learned how to build and deploy apps using Svelte 3 to solve real-world problems and deliver impressive results.
Table of Contents (9 chapters)
close
close

Chapter 3: Building Reactive Svelte Components

Svelte is more than a framework: it's also a compiler, and, according to its creator Rich Harris, even a language. In fact, Svelte "extends" both HTML and JavaScript, in a natural way that has been applauded by developers.

In the previous chapter, we set up our environment and scaffolded the Svelte project. We also got a glimpse of how Svelte components work.

In this chapter, we'll be building the various Svelte components that our journaling app uses. Just as when learning any other programming language, using Svelte requires getting acquainted with a new syntax, which we'll explore gradually by building each component.

In this chapter, we'll be covering the following topics:

  • Adding the required runtime dependencies and pre-made files that are specific to our journaling app
  • Exploring the templating syntax for Svelte components and how to manage reactivity in components
  • Using bindings...
Visually different images
CONTINUE READING
83
Tech Concepts
36
Programming languages
73
Tech Tools
Icon Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.
Icon Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.
Icon 50+ new titles added per month and exclusive early access to books as they are being written.
Svelte 3 Up and Running
notes
bookmark Notes and Bookmarks search Search in title playlist Add to playlist download Download options font-size Font size

Change the font size

margin-width Margin width

Change margin width

day-mode Day/Sepia/Night Modes

Change background colour

Close icon Search
Country selected

Close icon Your notes and bookmarks

Confirmation

Modal Close icon
claim successful

Buy this book with your credits?

Modal Close icon
Are you sure you want to buy this book with one of your credits?
Close
YES, BUY

Submit Your Feedback

Modal Close icon
Modal Close icon
Modal Close icon