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...