Skip to content

Latest commit

 

History

History
60 lines (45 loc) · 2.29 KB

index.md

File metadata and controls

60 lines (45 loc) · 2.29 KB
layout title nav_order description permalink
default
Home
1

Macaw (arara)

Os termos arara e ará designam várias aves psitaciformes de grande porte da tribo Arini, cauda longa e um bico curvado resistente. Geralmente, os gêneros comumente chamados de araras são os gêneros Ara, Anodorhynchus e Cyanopsitta.


O que é?

O Macaw se trata de um framework que busca trazer uma identidade visual e consistência para os serviços internos do CESAR. Para que possa ser agregado em diversos sistemas com possibilidades de linguagens e tecnologias diferentes, foi escolhida a "suíte" de Web Components com Typescript.

Para auxiliar com a construção e compilação desses componentes, também estamos usando o StencilJS que possui uma gama de opções que facilitam esse processo, além de ter grande suporte na web.

O que tem de tão especial nos Web Components?


Vamos começar

Via tag de script

  1. Adicione as tags script, abaixo, logo antes do fechamento da tag <head>;
<script type="module" src="https://unpkg.com/@cesarbr/macaw/dist/macaw/macaw.esm.js"></script>
<script nomodule src="https://unpkg.com/@cesarbr/macaw/dist/macaw/macaw.js"></script>
  1. Agora você pode usar qualquer componente em seus templates, JSX, html e etc.

Via NPM

  1. Execute o comando:
 $ npm install  @cesarbr/macaw --save
  1. Importe o macaw:
import { defineCustomElements as macaw } from '@cesarbr/macaw/loader';
  1. Inicie o macaw
macaw(window);
  1. Agora você pode usar qualquer componente em seus templates, JSX, html e etc.

Contato

Caso queira entrar em contato conosco, dar feedbacks ou compartilhar sentimentos, pode mandar um e-mail pra gente