Forem: Emerson Brôga Dev

💫 [VideoSnippet] Como usar SASS no React

Emerson Brôga Dev — Tue, 05 Nov 2019 18:44:57 +0000

react #node #videosnippet

🤩 Participe da nossa lista de devs 🤩

No snippet de hoje, você vai aprender como usar o SASS em uma aplicação React!

Espero que gostem!

💫 [VideoSnippet] Como usar Bootstrap no React

Emerson Brôga Dev — Mon, 04 Nov 2019 12:17:22 +0000

react #node #videosnippet

🤩 Participe da nossa lista de devs 🤩

No snippet de hoje, você vai aprender como usar o Bootstrap em uma aplicação React!

Espero que gostem!

[Passo-a-Passo] Criando uma aplicação com NodeJS, usando Express, Mongo, Docker e Babel

Emerson Brôga Dev — Mon, 09 Sep 2019 12:41:16 +0000

Olá, pessoal!

Hoje eu quero mostrar o passo-a-passo pra você entender e aprender como configurar um projeto usando diversas coisas ao mesmo tempo, como Docker, Node, Express, Mongo e Babel.

Veja post completo no blog

➜ Participe da nossa lista de desenvolvedores
➜ Aprenda ES6
➜ Veja as dicas no Instagram
➜ Assista nosso canal no YouTube
➜ Curta nossa página no Facebook
➜ Não perca as atualizações no Twitter
➜ Veja os repositórios no Github

Gerando número aleatório

Emerson Brôga Dev — Tue, 27 Aug 2019 13:52:23 +0000

Com essa função você pode facilmente gerar um numero aleatório inteiro com JavaScript, passando como parâmetros o mínimo (min) e o máximo (max) que irão
definir os limites do números que podem ser gerados.

Vale lembrar que essa é uma função "inclusive" on o mínimo e o máximo podem ser
retornados como valor.

Não deixe de visitar o repositório do github com todas as dicas em emersonbrogadev/social-media-snippets.

Validando email com RegEx

Emerson Brôga Dev — Mon, 26 Aug 2019 19:15:11 +0000

Com a quantidade de top-level domains hoje em dia, fica difícil validar emails.
Usando RegEx (Regular Expressions ou Expressões regulares) a única coisa que a gente pode verificar é se o email contém o @ e algum texto antes e depois do @. No mais seria mandar o email de confirmação para validade de verdade.

Outra forma mais curta de escrever essa função seria:

const isEmail = text => /^.+@.+$/.test(text);

Não deixe de visitar o repositório do github com todas as dicas em emersonbrogadev/social-media-snippets.

Redirecionamento em JavaScript mantendo os parâmetros da URL

Emerson Brôga Dev — Fri, 23 Aug 2019 15:39:09 +0000

Se você quiser fazer um redirecionamento usando JavaScript e quiser manter os mesmo parâmetros da url (querystring) que a página está recebendo, você consegue facilmente, basta pegar o document.location.search e concatená-lo com sua url de destino.

Não deixe de visitar o repositório do github com todas as dicas em emersonbrogadev/social-media-snippets.

Sempre declare suas variáveis com let ou const

Emerson Brôga Dev — Thu, 22 Aug 2019 13:40:44 +0000

Sempre declare suas variáveis usando let ou const para não poulir o escopo global.

Não deixe de visitar o repositório do github com todas as dicas em emersonbrogadev/social-media-snippets.

React em 1 Minuto!

Emerson Brôga Dev — Wed, 21 Aug 2019 12:35:02 +0000

Você sabia que dá pra adicionar react em seu site já existente?

No vídeo de hoje eu vou ensinar como utilizar as bibliotecas React e ReactDOM para adicionar react a qualquer site existente e mostrar os fundamentos de um componente simples.

➜ Link do video

Promise.all()

Emerson Brôga Dev — Tue, 20 Aug 2019 13:50:58 +0000

Usando o Promise.all() você pode aguardar várias promises serem executadas.
O then() após o Promise.all() vai receber os resultados quando todas as promises forem resolvidas, e o catch() irá ser chamado caso alguma das promises lance um erro.

Não deixe de visitar o repositório do github com todas as dicas em emersonbrogadev/social-media-snippets.

Destructuring por índices

Emerson Brôga Dev — Mon, 19 Aug 2019 11:36:15 +0000

Usando destructuring para criar constantes baseado nos índices de um array.

Espero que tenham gostado! Sabe qual é a banda?

Não deixe de visitar o repositório do github com todas as dicas em emersonbrogadev/social-media-snippets.

Validando CEP com RegEx

Emerson Brôga Dev — Fri, 16 Aug 2019 16:34:43 +0000

Você pode usar expressão regular para validar um número de CEP de forma rápida e fácil.

Uma outra forma de criar essa mesma função usando uma sintaxe mais curta:

const isValidBRZip = zip => /^[0-9]{5}-[0-9]{3}$/.test(zip);

Espero que tenham gostado!

Não deixe de visitar o repositório do github com todas as dicas em emersonbrogadev/social-media-snippets.

➜ Participe da nossa lista de desenvolvedores
➜ Aprenda ES6
➜ Veja as dicas no Instagram
➜ Assita nosso canal no YouTube
➜ Curta nossa página no Facebook
➜ Não perca as atualizações no Twitter
➜ Veja os repositórios no Github

Criando uma Expressão Regular (Regular Expression ou RegEx)

Emerson Brôga Dev — Thu, 15 Aug 2019 13:15:39 +0000

Para criar uma expressão regular no JavaScript, você pode criar da forma literal
colocando sua expressão entre barras e atribuindo à uma variável

const urlSlug = /^[a-z0-9-]+$/;

Uma outra forma de criar uma regex é usando o construtor do objeto RegExp:

const urlSlug = new RegExp(/^[a-z0-9-]+$/);

Perceba que ao criar a sua regex usando o construtor, você não precisa de colocar entre barras.

Uma recomendação é de se usar o construtor quando por exemplo você estiver pegando a sua regex de uma fonte externa, como o vinda de um usuário.

Espero que tenham gostado!

Não deixe de visitar o repositório do github com todas as dicas em emersonbrogadev/social-media-snippets.