A biblioteca ng-juquinha primeiramente foi criada por um colega de equipe para atender ao negócio, já que tínhamos problemas com algumas outras bibliotecas, ela foi criada para ser de fácil utilização e não haver problemas entre as versões do angular, foi decidido que as versões do projeto iriam acompanhar a versão do angular.
Me senti inspirado em me basear no trabalho feito e criar uma biblioteca de uso público, que possam utilizar componentes simples, porém muito úteis.
A instalação pode ser feita com gerenciadores de pacotes como o mais tradicional npm, pnpm ou bun.
Use o comando no local que deseja criar o projeto, pode começar usando o comando abaixo para criar um projeto na versão do angular 17:
$ npx -p @angular/cli@17 ng new nome-do-projeto --package-manager gerenciador-de-pacote
Após criar o projeto pode entrar na pasta do projeto e inicar o editor de código:
$ cd nome-do-projeto
$ code .
Realize a instalação da biblioteca de acordo com o gerenciador escolhido:
$ npm install @ng-juquinha/ui
$ pnpm add @ng-juquinha/ui
$ bun i @ng-juquinha/ui
Após realizar a instalação, é necessário adicionar os estilos aos arquivo angular.json
ao lado do src/styles.scss
.
"styles": [
"src/styles.scss",
"node_modules/@ng-juquinha/ui/assets/themes/juquinha/theme.scss"
],
Pode usar a CLI do angular para iniciar o projeto ou executar o comando de start:
# Usando a CLI do angular
$ ng serve
# Usando npm
$ npm run start
# Usando pnpm
$ pnpm start
# Usando bun
$ bun start
As versões lançadas do ng-juquinha, será sempre para ser compátivel com a versão de mesmo número do angular.
@ng-juquinha/ui | Angular |
---|---|
17.x.x | 17.x.x |
Para contribuir com o projeto pode seguir os passos abaixo:
# A princípio foi criada uma pasta projects dentro de C:
# dentro da pasta projects, tenho o projeto ng-juquinha
# e tenho o projeto com nome testing para quando rodar
# o comando na biblioteca, já instale no projeto testing.
# Realize o clone do projeto
$ git clone https://github.com/juanvieiraprado99/ng-juquinha.git
# Instale as dependências do projeto com o gerenciador de preferência
$ npm install
# Rode o comando abaixo para iniciar o projeto:
$ npm run build-ui-dev
# O storybook está disponível como parte da documentação:
$ npm run storybook