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:

yarn

Após concluir instalações, para rodar localmente:

yarn start

Se 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 build

Isso 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 publish

Se 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.