Covid19 REST API em NodeJS

Fala galera tudo bem ? eu resolvi criar uma API REST para acompanhar as atualizações do andamento da doença Covid19 pelo mundo. Esta API REST possui endpoints para filtrar os dados de quantidade de contaminados, mortes e curados por data desde o inicio das medições pelo WHO World Health Organization.

Para quem quizer baixar o projeto basta entrar no meu Github

https://github.com/jaccon/covid19RestAPI

Gostou do artigo ? você pode acompanhar meu trabalho também pelo canal do Youtube https://www.youtube.com/channel/UCLI_395Gs87LU0cdWWrfvVg

Ficou com alguma dúvida utilize os comentários que irei responder assim que possivel.

Grande abs

Utilizando a biblioteca Moment no React Native em português

Neste pequeno how to irei exemplificar como utilizar de forma extremamente simples a biblioteca MomentJs no React Native e utilizando o locale BRL para traduzir as datas para Portugues/Brasil

Para começarmos caso você ainda não tenha a biblioteca Moment instada basta rodar o comando

yarn add moment 
yarn add moment-locales-webpack-plugin

Depois de instalado basta você importar a biblioteca dentro do componente no qual você irá utilizar o Moment e passar a instrução para o método moment que é .locale(‘pt-br’) assim como no exemplo abaixo:

Continuar lendo

Como utilizar o Expo em versões antigas do emulador do iOS

Se você chegou até esta publicação deve estar passando por problemas para utilizar o Expo rodando no iOS 10.2 ou similares correto ?

O fato é que o desenvolvimento Javascript exige que nosso ambiente esteja sempre o mais atualizado possível e isto muitas vezes acaba penalizando quem possui máquina mais antigas ou utilizando Hackintoshs mais antigos.

Bem felizmente isto muitas vezes pode ser contornado, Se você está testando o Expo nas versões mais atualizadas deve ter encontrado erros de compatibilidade de versão e por ai vai.

Como resolver ?

Se você está utilizando assim como eu o emulador do iOS 10.2 você não poderá testar o Expo na versão mais atual. Faça um downgrade em seu app.json localizando a seguinte linha:

"sdkVersion": "36.0.0",

mude a versão da SDK para 33

"sdkVersion": "36.0.0",

Em seu arquivo package.json localize as seguintes linhas:

expo": "~36.0.0","
react": "~16.9.0","
react-dom": "~16.9.0","
react-native": "https://github.com/expo/react-native/archive/sdk-36.0.0.tar.gz"

Mude para a versão do React Native para que fique compatível com:

expo": "~33.0.0","
react": "16.8.3","
react-dom": "~16.9.0","
react-native": "https://github.com/expo/react-native/archive/sdk-33.0.1.tar.gz"",

Feito, agora é só remover o node_modules, rodar o Yarn ou NPM para instalar as dependências e depois iniciar o projeto com o Expo

Entendendo o UseState no ReactJS

Eu resolvi fazer este tutorial depois de muitos guerreiros devs me pedirem pelas redes sociais para explicar na prática o funcionamento do estado ( State ) no ReactJS.

Toda e qualquer informação que precisa transitar entre os seus componentes de sua aplicação React precisam ser armazenadas no estado. Eu criei um exemplo prático aqui de um simples contador.

Vamos imaginar um contador onde nós temos uma função de incrementar e outra para decrementar um número. O estado precisa ser inicializado em zero e na medida que o usuário tentar incrementar ou decrementar este número o estado do contador é acionado. Então vamos ao exemplo:

Entendendo o código:

Acessando e setando o valor do estado

Na linha 05 nós inicializamos o nosso estado da variavél counter com o valor 0. Utilizamos a deestruturação para onde temos o acesso aos dados pela variavél counter e ao mesmo tempo o acesso a função setCounter que manipula os dados do estado

const [ counter, setCounter] = useState(0);

Veja que estamos utilizando um array na deestruturação onde temos a variavél counter e a função setCounter. Este estado inicia em 0

As funções que vamos manipular os dados do estado precisa estar dentro da função do componente, sim uma função dentro da função do componente.

function Incrementar(){

    setCounter( counter + 1);
    return counter;

  }

Na função que incrementar + 1 a cada clique pega o valor atual de counter que é 0 e soma um assim como no exemplo acima.

Depois de somado ele retorna o valor de counter já alterado.

O ReactJS utiliza o conceito de imutabilidade ou seja um valor ele sempre cria um novo estado e não atualiza o um determinado valor do estado.

Eu coloquei uma outra função que decrementa o valor verificando se o valor do estado é menor que 0 para que ele não permita que o valor do estado seja negativo.

Este é um exemplo extremamente simples para que você possa entender o funcionamento do estado. No estado você pode passar uma string, número, uma função um array e lá dentro do estado manipular esta informação da maneira que melhor entender.

Gostou da dica ? utilize os comentário caso tenha alguma dúvida e acompanhe o canal no Youtube para ver estes conceitos aplicados na prática.

Obrigado e abs