E-i Tax Table
Demo no surge.
Este app utilza o design system da Raise.
Storybook disponível aqui.
Aplicativo react responsável por disponibilizar uma Tabela de Tarifas no E-inscrição na sessão de Minhas Tarifas (Url no E-i: https://www.e-inscricao.com/payment_rates/numeroDoEvento).
Este app se comunica com o rails através de um Json passado no dataset no html, sendo cada dado correspondente a uma linha da tabela. Se um elemento vier como nulo o react não irá renderizar a linha da tabela correspondente.
Instalação
Para instalar as dependências do app:
yarnApós concluir instalações, para rodar localmente:
yarn startSe tudo der certo, o app rodará no endereço http://localhost:8080/ em seu navegador (se nada já estiver rodando nessa porta). Caso der algum erro, as mensagens disponibilizadas pelo web-pack no terminal devem ajudar a encontrar o problema.
Build e publicação
Após realizar alguma modificação, é necessário buildar o projeto para gerar um umd pronto para publicação. Antes de rodar o comando abaixo para gerar a build, certifique-se de atualizar a versão do projeto no package.json, para aparecer no rodapé do app a versão atual.
yarn buildIsso irá gerar um diretório /dist na raiz do projeto, contendo um bundle da aplicação, pronto para ser publicado no npm e disponibilizado em uma cdn, neste caso, no unpkg.
Para realizar a publicação, certifique-se de estar cadastrado na organização @labz da Raise no npm. A organização ou cdn podem mudar, portanto certifique-se de perguntar as pessoas responsáveis para informações sobre onde estão sendo publicados os apps da empresa.
Já cadastrado e logado no npm localmente, rode o comando abaixo:
yarn publishSe tudo estiver certo, o terminal pedirá o número da versão nova a ser publicada. Verifique qual será acessando o npm do pacote, insira e dê enter para realizar a publicação.
Com isso será possível importar o aplicativo através do cdn em uso.
Projeto criado usando o padrão webpack-boilerplat.