Estudos Svelte
Estudos para aprender sobre o svelte, e seu ecossistema.
- Basic Svelte
- Introduction
- Reactivity
- Props
- Logic
- Events
- Bindings
- Lifecycle
- Stores
- Advanced Svelte
- Motion
- Transitions
- Actions
- Advanced Bindings
- Classes and Styles
- Component Composition
- Context API
- Special Elements
- Module Context
Stack
| Tecnologia | Descrição |
|---|---|
| Svelte | Framework frontend |
| TypeScript | Linguagem |
| Vite | Build tool |
| Prettier | Formatter |
| ESLint | Linter |
| NPM | Gerenciador de pacotes |
Requisitos
Você precisará de um terminal com node + npm instalado para compilar e construir seu aplicativo.
- Node
- NPM
Comandos
Instalar as dependências do projeto
npm install
Rodar a aplicação em modo desenvolvimento (Vite)
npm run dev
Executa a verificação do Svelte
npm run check
Verifica os .ts arquivos, que informa ao compilador TypeScript para verificar se há erros sem gerar os .js arquivos de saída
npm run check && npx tsc --noemit
Executa a verificação do Svelte no modo observação, neste caso, o script será executado sempre que você alterar algum arquivo.
npm run check -- --watch
Buildar a aplicação (Vite)
npm run build
Pré-visualizar o build (Vite)
npm run preview
