☀️ Weather Now Component Library 🌧️

Weather Now é um projeto simples que exibe as condições climáticas de três localidades.

Confesso que eu poderia tê-lo escrito diretamente em algum framework javascript que gera web-components vide React, Vue ou Angular. No entanto, optei por uma abordagem não tão tradicional, mas que pode vir a ser muito útil.

💭 FAQ

Por que utilizar Stenciljs na geração de componentes da web?

Stencil tem apenas 1 dependência: Typescript.

E é um compilador de web-components agnóstico de framework. Embora o projeto que consome esses componentes esteja escrito em Angular, poderia ser Vue, React, Svelte, ou javascript puro.

O ganho é justamente esse: uma biblioteca de componentes visuais que pode ser consumida por qualquer tecnologia de front-end com suporte a componentes da web.

Curioso?

Se você quiser brincar no código fonte, sinta-se a vontade para clonar o repositório.

Existem regras de lint e hooks de pre-commit que podem parecer chatas no começo, elas funcionarão melhor se o workspace for a pasta component-library. Mas lembre-se de instalar as dependências de desenvolvimento.

  npm i --save

Você pode rodar os testes em component-library apenas rodando

  npm test

ou, numa visualização mais compacta

  npm run test:silent

O motor dos testes unitários é o Jest.

📦 Instalação via NPM

Tão simples quanto qualquer outra dependência. Consulte a documentação do Stencil para entender melhor as integrações com diferentes frameworks.

  npm i @deprecat3d/weather-now-component-library