Migrar Expo para ReactNative CLI

1: Configuração de ambiente e instalação do ReactNative CLI, seguindo os passos em https://reactnative.dev/docs/0.60/getting-started 2: Criar novo projeto ReactNative CLI com o comando npx react-native init nome_projeto 3: Copiar os arquivos src, App.js e para o arquivo package.json siga as instruções: Copie as dependências dependencies e devDependencies do arquivo package.json do projeto em expo para o projeto em cli. Remova "react-native": "https://github.com/expo/react-native/archive/sdk-36.0.0.tar.gz" e deixe apenas "react-native": "0.62.2" 4: Execute o comando npm install para baixar as dependências 5: Copiar o arquivo commitlint. []

Como construir testes de integração no backend Node.JS

Jest + Supertest a combinação perfeita para testes de integração Pré requsiitos Neste post iremos focar exclusivamente da configuração, escrita e execução dos testes automatizados. Por tando, assumimos aqui que você tem os conhecimentos basicos necessarios para construir uma aplicação em Node.js. Para fins didaticos, mostramos aqui como estruturamos o nosso projeto de exemplo: | __tests__ // Diretorio onde os testes serão escritos └─── integrations └─── setup.js | src └─── controllers // Funções da controllers do express route └─── models // Modelos do banco de dados └─── services // Regras de negócio └─── routes. []

Como escrever mensagens de commits no Git

Esse texto é uma adaptação de https://www.lucascaton.com.br/2017/10/16/como-escrever-mensagens-de-commits-no-git/ Devemos escrever a mensagem no presente? No futuro? Em português? Em inglês? São infinitas as formas as quais uma mensagem de commit pode ser escrita. Sabemos que o ingles é fundamental na nossa profissão e existem inumeras vantagens de se programar em ingles. Porém no nosso projeto, apenas o codigo é obrigatorio ser em ingles, as mensagens de commit são livres de indiomas e você pode escolher o que preferir. []

Padronização das mensagens de commit

Visando obter uma alta qualidade e padronização das mensagem dos commits, em nosso projeto, utilizamos o commit-lint, que ajuda na padronização das mensagens de commit logo quando elas são criadas. Em nosso projeto, utilizamos o conventional commit format, baseado no Angular convention. De modo geral, o padrão é da seguinte forma: type(scope): subject onde: type: pode assumir os seguintes valores: Valor Descrição build commites que disparam builds ci commites para configuração de integração continua chore commites referentes a tarefas de gestao de projeto docs commites referentes a algum tipo de documentação feat commites de novas features fix commites para correção de bugs em desenvolvimento ou em produção perf commites relacionados a performace do codigo e/ou da aplicação refactor commites de refatoração de codigo revert commites para reverter alguma alteração no codigo style commites para alterações na formatação do codigo, sem alteracoes no codigo test commits para adição/atualização de scripts de teste scope: deve ser o sufixo da branch que é o mesmo id do issue da alteração. []

Crie uma Issue

Existem várias maneiras de acessar o novo formulário de problema de dentro de um projeto, a maneira mais utilizada é a seguinte: Navegue para o Painel do seu projeto > Issues > New Issue; Ao criar um novo problema, você será solicitado a preencher os dados e os campos do problema. Para facilitar e organizar ainda melhor o projeto, utilize um dos: Preencha o titulo de forma intuitiva e direta. []

Extensões Uteis para o Visual Studio Code.

Nesse guia vamos te apresentar algumas extensões uteis para o VSCode. Todas as entensões aprensetadas aqui foram testadas e são recomenadas para uso. Como instalar extensões? Abra o Visual Studio Code e pressione Ctrl + Shift + P Busque por: Install Extensions Selecione a extensãõ que deseja e prencione em Instalar Plugins Dracula Theme Um dos mais famosos temas, suportados em diversas IDE’s e gratis. Bracket Pair Colorizer Essa extensão permite que os colchetes correspondentes sejam identificados com cores. []

Integração Prettier + ESLint + Airbnb Style Guide + EditorConfig no VSCode

Nesse guia vamos te ajudar a configurar algumas bibliotecas e estrenções que vão te ajudar na hora de padronizar e organizar o codigo dos seus projeto. Como referencia, utilizamos o Visual Studio Code como IDE e o Yarn para instalar as dependencia. Ferramentas ESLint ESLint , é um programa que percorre seu código e o analisa quanto a possíveis erros. A extensão é altamente configurável, com uma variedade de opções internas para combinar com o guia de estilo da sua empresa. []

Boas Praticas

Obrigatórias Todos os nomes de variaveis, funções e metodos devem ser em ingles. Deve ser aplicado o design pattern Model View Controller (MVC). Por padrão não usaremos ";" no final dos comandos. Deve-se utilizar um estilo de programação mais funcional, aproveitando-se dos metodos já existentes na lingaugem e das dependencias. Nada de reinventar a roda… Todos os metodos devem ter um ou mais testes unitarios equivalentes. Usaremos o Jest. Opcionais Use o eslint ou JS Lint para padronização do codigo fonte. []

Criando Merge Requests

Os merge requests são como você integra alterações separadas que você fez em uma branch do projeto. Antes de começar, você já deveria ter passado pelo guia de Como contribuir?. Vá para o projeto em que deseja mesclar suas alterações e clique em Merge requests. Clique em New merge request no lado direito da tela. A partir daí, você tem a opção de selecionar a branch de origem e a de destino com o qual deseja comparar. []

Como contribuir?

Aqui entraremos mais fundo no mundo do git. Para isso, é necessario que você tenha dominio basico dos comandos da ferramanta. Deixo aqui a sujestão de um Guia Pratico de Git para você não ter complicações. Em nosso projeto, utilizamos adaptações da metodologia do git-flow. O git-flow é um conjunto de extensões para o git que provê operações de alto-nível para repositórios usando o modelo de branches do Vincent Driessen. Saiba mais []