Svelte. A Beginner’s Guide

Svelte: A Beginner's Guide Notice of Rights Notice of Liability Trademark Notice About SitePoint Table of Contents Code Samples Tips, Notes, and Warnings Hey, You! Ahem, Excuse Me ... Make Sure You Always ... Watch Out! Getting Started with Svelte The Svelte Backstory Building a Simple Book List Reacting to User Input Finishing Touches Architectural Considerations Ready, Set ... Svelte? Svelte Sumamry Template Syntax Control Flow Syntax Look for Braces! Adding New To-dos Using Events and Bindings It’s Just JavaScript! Wrapping Up Reactive Statements Reactive Declarations Reactive Statements Order of Execution Reactive Statements Are Run Once Wrapping Up Stores A First Attempt Introducing Writable Stores Readable Stores Derived Stores Wrapping Up Component Interaction Concepts Using Other Components Naming Imports Passing Stuff to Components through Properties Reacting to Component Events Composing the UI with Slots Using the Module Script to Manage Instances of the Same Component Using Context to Provide State to Component Trees Wrapping Up Testing Applications The Testing Pyramid Test Setup Writing Your First Test Writing your First E2E Test Wrapping Up