Categoria: Tutoriais
-
5 maneiras de utilizar o Spread operator
Spread operator parameter foi introduzido no EcmaScript 2015, para um simples recurso no primeiro momento, mas utilizados da maneira correta pode se tornar bastante útil, o se você ainda não conhece o spread operator é identificado por “três pontos(…)” com ele podemos desmontar arrays e objetos. Nesse post iremos ver 5 maneiras de utilizar o…
-
Webpack mantendo a qualidade do seu JavaScript
Até o momento vimos dois posts de introdução ao Webpack, nesse post iremos implementar linters no nosso código JavaScript, se você nunca ouviu falar em linting tools, elas são ferramentas de optimização de código, elas ajudam-nos a escrever o código organizado e com boas práticas. Mas isso não significa que iremos prevenir bugs, mas a…
-
Introdução a Webpack Parte 2: Loaders
No post anterior vimos uma introdução a Webpack, criamos uma situação básica carregando múltiplos arquivos JavaScript e vimos que Webpack possui 4 elementos chaves: Entry(arquivo de entrada), output(arquivo de saída), loaders e plugins. Nesse tutorial vamos abordar como trabalhamos como loaders, Webpack em seu core nada mais é que JavaScript carregando JavaScript. Nada mais básico…
-
Introdução a Webpack
Esse post é uma introdução a Webpack o static module bundler ou numa tradução genérica um “empacotador de módulos”, mas o que isso significa? Webpack vai gerenciar a leitura de arquivos CSS, JavaScript e assets do seu projeto, empacotando esse conteúdo para desenvolvimento ou produção. O que é webpack? O webpack é um empacotador de…
-
Ciclo de vida de um componente react
Ciclo de vida de um componente react, um recurso importante dentro do React onde temos maior controle sobre a nossa aplicação. Imagine você quer criar um Timer que irá contar somente quando o componente estiver sendo exibido na tela. React JS Desenvolver aplicações web pode ser uma tarefa complicada, especialmente quando se trata de criar…
-
O novo editor do WordPress: Gutenberg
Desde que o primeiro beta do editor de blocos Gutenberg, foi exibido no WordCamp Europe 2017, o novo editor do WordPress promete mudar 100% a experiência de edição de conteúdo do WordPress, vem sendo definido pela Automattic o novo “page and post building”. Algo que já vem sendo feito por plugins page builders há muito…
-
Feeding Google Search – Structure data
Content is one of the keys to the success on the internet, categorizing your content makes it more visible to the search engines and structure data will be your best friend to do it. This simple action could make you a step forward in the competitive market. On 2011, Google, Bing, and Yahoo launched an initiative called…
-
Eventos com React
Nesse post iremos ver como trabalhar eventos com react. O React é uma biblioteca JavaScript para criar interfaces de usuário. Ele foi criado pelo Facebook e é utilizado por muitas empresas, como Netflix, Airbnb e Imgur. O React tornou-se popular por sua abordagem de componentes reutilizáveis e o seu modelo de dados unidirecional. Eventos são…
-
Variáveis e funções com ECMAScript 2015
ECMAScript 2015 é nova especificação do JavaScript antes chamado ECMAScript 6, por um padrão de conversão e buscando implementações menores em pequeno prazo. Lembrando que esses recursos nem todos os navegadores rodam, o ideal é utilizar uma ferramenta para compilar o seu código para navegadores antigos, um dos mais utilizados é o Babel, ele possui…
-
Componentes Stateless vs Stateful
Continuando a série sobre ReactJS. Vamos falar sobre um dos princípios básicos sobre estado(state) comparando componentes stateless vs. compoenentes stateful. Os dois últimos posts, por exemplo, criamos componentes estáticos(ou stateless), mas atualmente boa parte das aplicações precisam ter alguma categoria de interação com o usuário. As informações precisam ser alteradas em tempo real. Uma das…
