Svelte starter kit

Svelte starter kit — router, global state management with unit and end-to-end testing included.

Demo

This demo app is continuously deployed using Netlify's automated platform.

https://infallible-volhard-5c3c65.netlify.com/

Gettting started

Requires Node.js 8.4.0+

npx degit rob-balfre/svelte-starter-kit my-project
cd my-project
npm i
npm run dev

Open http://localhost:9000

To run unit tests open a separate console

npm run unit-test

End-to-end tests are powered by cypress (remember to also run the dev server).

npm run e2e-test

State Management

• Svelte store
• Example

Router

• Roadtrip
• Example

Unit Testing

• Tape
• Example

End-to-end Testing

• Cypress
• Example

IDE Support

WebStorm IDE has some quirks with Svelte handlebar syntax. To fix update these settings:

• Preferences > Inspections > Disable all XML inspections
• Preferences > Inspections > Disable Unknown HTML tag attribute
• Preferences > Inspections > Disable HTML file reference problems

Demos

Sortable Draggable Grid https://github.com/RubaXa/Sortable

Form Validation http://rickharrison.github.io/validate.js/

Tooltips https://github.com/atomiks/tippyjs

Internationalisation https://github.com/i18next/i18next

Date Picker https://chmln.github.io/flatpickr/