Chapter 4: Putting Your App Together

We ended Chapter 3, Building Reactive Svelte Components, with seven Svelte components created for our app. We were able to test them individually and see the pieces of our project coming together. We still need to create three more components, including the views that put everything together and make navigation possible between the various parts of the app.

While creating the last components, we'll learn about managing cross-component state using Svelte stores. We'll also look at using Svelte's built-in animations to make transitions nicer between views. Lastly, we'll look into a few more features of Svelte 3 that are useful to know for building your own apps, even though we could not use them in our Proof-of-Concept project.

In this chapter, you'll learn about the following topics:

• Managing cross-component state using Svelte stores.
• Adding transitions to components.
• We'll also lightly cover other...