SVELTE 3 UP AND RUNNING;A PRACTICAL GUIDE TO BUILDING PRODUCTION-READY STATIC WEB APPS WITH SVELTE 3

Mostrar otras versiones (1)

Svelte is a modern framework for building static web apps running in the browser that can be used to create fast, lean apps, and which is fun for developers to use. This thorough and quick start guide will explore the components of Svelte and have you up and running with building a complete producti...

Descripción completa

Detalles Bibliográficos
Clasificación:Libro Electrónico
Autor principal: ALESSANDRO SEGALA
Formato: Electrónico eBook
Idioma:Inglés
Publicado: [S.l.] : PACKT PUBLISHING, 2020.
Temas:
Web applications > Development.
Open source software.
Applications Web > Développement.
Logiciels libres.
Open source software
Acceso en línea:Texto completo
Texto completo
Tabla de Contenidos:
  • Cover
  • Title Page
  • Copyright and Credits
  • Dedication
  • About Packt
  • Contributors
  • Table of Contents
  • Preface
  • Chapter 1: Meet Svelte
  • Modern web app development
  • How the web became static...again
  • Building apps with the JAMstack
  • Why Svelte?
  • Svelte versus the other frameworks
  • The Svelte project
  • Building a journaling app
  • App features
  • The back-end service
  • Summary
  • Chapter 2: Scaffolding Your Svelte Project
  • Setting up your environment
  • Installing Node.js
  • Setting up Visual Studio Code
  • Launching the back-end service
  • Scaffolding our project
  • Using a bundler
  • Scaffolding your project with Webpack
  • Installing dependencies from NPM
  • Configuring NPM scripts
  • Configuring Webpack
  • Hello, Svelte!
  • Creating the App component
  • The application's entrypoint
  • Compiling for production
  • Debugging Svelte applications
  • Using the Visual Studio Code debugger
  • Browser extension
  • Summary
  • Chapter 3: Building Reactive Svelte Components
  • Adding requirements
  • Dependencies
  • Utilities
  • The main.js file
  • The dotenv file
  • The stores.js file
  • The index file
  • Svelte templates and reactivity
  • Renderer.svelte component
  • Obj.svelte component
  • Calendar.svelte component
  • Bindings and events
  • AddForm.svelte component
  • ViewAdd.svelte component
  • Summary
  • Chapter 4: Putting Your App Together
  • Managing cross-component state
  • Svelte stores
  • Navbar.svelte component
  • Completing the app
  • Transitions
  • Svelte transitions
  • Adding transitions to our app
  • Other useful Svelte features
  • Slots
  • Actions
  • Lifecycle methods
  • Meta-elements
  • Summary
  • Chapter 5: Single-Page Applications with Svelte
  • Routing on the browser
  • Inspecting our makeshift router
  • Two approaches to client-side routing
  • Routing with hash-based routing
  • Defining the routes object
  • Updating the App component
  • The ViewNotFound.svelte component
  • Updating the ViewAdd component
  • Updating the List component
  • URL parameters
  • updating the ViewObject component
  • Updating the Navbar.svelte component
  • Navigating around the app
  • Automated testing for Svelte apps
  • Setting up the test environment
  • Creating tests
  • Running tests
  • Linting and enforcing style conventions
  • Adding ESLint
  • Configuring ESLint for your style
  • Running the linter
  • ESLint in Visual Studio Code
  • Summary
  • Chapter 6: Going to Production
  • Options to deploy your Svelte apps
  • Alternative services
  • Deploying to object storage
  • Creating an Azure account
  • Authenticating with the Azure CLI
  • Creating the storage account
  • Uploading files to your Azure storage account
  • Browsing the app from Azure Storage
  • Adding the CDN
  • Mapping a custom domain
  • The back-end service
  • Continuous Integration/Continuous Delivery
  • Putting our app's code on GitHub
  • Creating a GitHub action to deploy the app
  • Managing and destroying your resources
  • Summary
  • Chapter 7: Looking Forward

Ejemplares similares