Jbfo-design-system NPM

JBFO Design System

Projeto guardião dos componentes, lógica de negócio, entre outros padrões da empresa.

Fluxo de trabalho

Estamos trabalhando com git flow, então temos a branch principal master que é o espelho de produção. Toda nova tarefa exige a criação de uma nova branch baseada em master e, no final do processo, um Pull Request precisa ser aberto desta branch criada para master, onde o Azure Pipeline vai ser acionado para que todos os testes sejam executados.

Além da automação de testes, também exigimos, pelo menos, um approve de algum dos membros do time. A branch master é protegida e nenhum commit é aceito diretamente nela.

Tecnologias envolvidas

Este é um projeto puramente frontend e utilizamos React, React Native, Styled Components, Expo, entre outras bibliotecas deste ecossistema.

URLs para acessar o projeto

Este projeto pode ser encontrado de duas formas:

NPM

A cada versão nova que criamos e enviamos para a master, geramos uma versão nova no NPM, no projeto chamado jbfo-design-system. Este repositório pode ser utilizado em qualquer projeto React ou React Native dentro da JBFO, basta adicioná-lo nas dependências (package.json). URL para acesso: https://www.npmjs.com/package/jbfo-design-system

Storybook

A cada versão nova que criamos e enviamos para a master, atualizamos um Azure Storage com a documentação dos nossos componentes. Estamos utilizando uma biblioteca chamada Storybook para isso. URL para acesso: ds.juliusbaerfamilyoffice.com/$web/index.html