Svelte and Sapper in Action

Mark Volkmann

• Publisher: Manning
• Year: 2020
• Print ISBN: 9781617297946
• eBook ISBN: 9781638350682
• Topic: Computer Science
• Subtopic: Programming in JavaScript
• Index: Computer Science

Svelte and Sapper in Action teaches you to design and build fast, elegant web applications. You'll start immediately by creating an engaging Travel Packing app as you learn to create Svelte components and develop great UX. You'll master Svelte's unique state management model, use Sapper for simplified page routing, and take on modern best practices like code splitting, offline support, and server-rendered views. Summary
Imagine web apps with fast browser load times that also offer amazing developer productivity and require less code to create. That's what Svelte and Sapper deliver! Svelte pushes a lot of the work a frontend framework would handle to the compile step, so your app components come out as tight, well-organized JavaScript modules. Sapper is a lightweight web framework that minimizes application size through server-rendering front pages and only loading the JavaScript you need. The end result is more efficient apps with great UX and simplified state management. Purchase of the print book includes a free eBook in PDF, Kindle, and ePub formats from Manning Publications. About the technology
Many web frameworks load hundreds of "just-in-case" code lines that clutter and slow your apps. Svelte, an innovative, developer-friendly tool, instead compiles applications to very small bundles for lightning-fast load times that do more with less code. Pairing Svelte with the Sapper framework adds features for flexible and simple page routing, server-side rendering, static site development, and more. About the book
Svelte and Sapper in Action teaches you to design and build fast, elegant web applications. You'll start immediately by creating an engaging Travel Packing app as you learn to create Svelte components and develop great UX. You'll master Svelte's unique state management model, use Sapper for simplified page routing, and take on modern best practices like code splitting, offline support, and server-rendered views. What's inside - Creating Svelte components
- Using stores for shared data
- Configuring page routing
- Debugging, testing, and deploying Svelte apps
- Using Sapper for dynamic and static sites About the reader
For web developers familiar with HTML, CSS, and JavaScript. About the author
Mark Volkmann is a partner at Object Computing, where he has provided software consulting and training since 1996. Table of Contents PART 1 - GETTING STARTED1 Meet the players2 Your first Svelte appPART 2 - DEEPER INTO SVELTE3 Creating components4 Block structures5 Component communication6 Stores7 DOM interactions8 Lifecycle functions9 Client-side routing10 Animation11 Debugging12 Testing13 Deploying14 Advanced SveltePART 3 - DEEPER INTO SAPPER15 Your first Sapper app16 Sapper applications17 Sapper server routes18 Exporting static sties with Sapper19 Sapper offline supportPART 4 - BEYOND SVELTE AND SAPPER20 Preprocessors21 Svelte Native

Table of contents

• Svelte and Sapper in Action
• Copyright
• brief contents
• contents
• front matter
• Part 1. Getting Started
• 1 Meet the players
• 2 Your first Svelte app
• Part 2. Deeper into Svelte
• 3 Creating components
• 4 Block structures
• 5 Component communication
• 6 Stores
• 7 DOM interactions
• 8 Lifecycle functions
• 9 Client-side routing
• 10 Animation
• 11 Debugging
• 12 Testing
• 13 Deploying
• 14 Advanced Svelte
• Part 3. Deeper into Sapper
• 15 Your first Sapper app
• 16 Sapper applications
• 17 Sapper server routes
• 18 Exporting static sites with Sapper
• 19 Sapper offline support
• Part 4. Beyond Svelte and Sapper
• 20 Preprocessors
• 21 Svelte Native
• appendixes
• appendix A. Resources
• appendix B. Calling REST services
• appendix C. MongoDB
• appendix D. ESLint for Svelte
• appendix E. Prettier for Svelte
• appendix F. VS Code
• appendix G. Snowpack
• index