Svelte Component Livereload Template screenshot

Svelte Component Livereload Template

Author Avatar Theme by Beyonk group
Updated: 18 Mar 2020
14 Stars

Svelte component template with LiveReload and Jest unit testing

Categories

Overview:

The Svelte Component Template is a customizable template that makes it easy to develop and publish Svelte components. With features like automatic NPM publishing support, live reload, unit testing, and linting, this template provides a comprehensive solution for building and deploying Svelte components.

Features:

  • Svelte 3: Built using the latest version of the Svelte framework.
  • Automatic NPM Publish support: Seamlessly publish your Svelte components to NPM with just a few clicks.
  • LiveReload: Instantly see the changes you make to your Svelte component without having to manually refresh the page.
  • Unit testing with @testing-library/svelte and Jest: Test your Svelte components to ensure they are working as expected.
  • Fetch mocking for tests: Simulate API responses in your tests by mocking the fetch function.
  • Eslint (@beyonk) / “Standard” Linting: Maintain code quality by using Eslint with “Standard” linting rules.

Installation:

To install the Svelte Component Template, follow these steps:

  1. Open your command line interface.
  2. Run the following command:
npx degit git@github.com:beyonk-adventures/svelte-component-livereload-template.git
  1. This will download the template to your current directory.

Summary:

The Svelte Component Template is a powerful tool for building and deploying Svelte components. With features like automatic NPM publishing, live reload, unit testing, and linting, this template provides a comprehensive solution for Svelte component development. By following the installation guide, you can quickly set up the template and start building your own Svelte components with ease.