Example Projects I've used to learn Svelte

Official Resources

https://svelte.dev/docs https://svelte.dev/tutorial/basics https://learn.svelte.dev/ https://svelte.dev/examples https://kit.svelte.dev/docs

Tutorials

• https://levelup.video/tutorials/svelte-for-beginners/starting-code

Searches

https://www.google.com/search?q=site%3Ahttps%3A%2F%2Fsvelte.dev%2Frepl%2F https://svelte.dev/chat https://stackoverflow.com/questions/tagged/svelte

Online Code Editors

https://svelte.dev/repl https://codepen.io/tag/svelte https://playcode.io/svelte https://codesandbox.io/s/svelte Stackblitz https://vite.new/svelte-ts

Automation

https://levelup.gitconnected.com/automate-and-keep-your-code-consistent-using-eslint-prettier-lint-staged-and-husky-3e186977d7eb https://www.coffeeclass.io/articles/commit-better-code-with-husky-prettier-eslint-lint-staged

ESLint — Checks for certain code problems and report bugs, coding mistakes, or typo errors.

Prettier — Format the code based on the configuration, based on our own preferences.

Lint-Staged — Run linter to staged git files and prevent from committing the buggy code.

Husky — Git hooks such as pre-commit

pre-commit Hooks

https://prettier.io/docs/en/precommit.html

• https://github.com/typicode/husky
• https://github.com/okonet/lint-staged https://duncanlew.medium.com/getting-started-with-husky-and-lint-staged-for-pre-commit-hooks-c2764d8c9ae

If you use nvm: https://stackoverflow.com/a/72279243

TODO

Modules

https://svelte.dev/docs#component-format-script-4-prefix-stores-with-$-to-access-their-values-store-contract

Setup

npm install

run

npm run dev