Tag: javaScript
-
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…
-
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…
-
Pensando em React
Dominar a arte da componentização é a chave para dominar o React. Este guia prático irá guiá-lo passo a passo desde a criação de mocks até a construção de componentes reutilizáveis e escaláveis. Comece com um mock simples: Imagine a seguinte tela: uma coleção de portfólios, cada um com foto, descrição, URL, empresa, design e…
-
Por que REACT JS?
React JS é o assunto do momento no Brasil e Europa, nos EUA já faz sucesso a mais de um ano o framework do Facebook apenas confirma a sua força este ano. React JS é a tecnologia chave requisitadas nas principais vagas de front aqui na Europa tirando o espaço do Angular ainda bastante forte. Como…
-
Padrões de código JavaScript no WordPress
Em busca da produtividade e legibilidade do código presente nos temas a equipe do Core do WordPress escreveu uma seção para falar sobre padrões de código JavaScript para plataforma. Esse é o segundo post da sobre o assunto no post anterior falei sobre padronização de código CSS, Nesse post vamos abordar padrões de escrita para…
-
Observe a orientação do device com JavaScript
Com JavaScript podemos observar a orientação do device, também é possível realizar este tratamento com CSS, mas isso fica restrito a questões visuais, caso queria realizar algum tratamento lógico na nossa aplicação podemos utilizar JavaScript. Como acompanhar a orientação do device com javascript? Temos “N” possibilidades de acompanhar a orientação do device com JavaScript, nesse…
-
Os últimos Talks de 2013
2013 foi um ano incrível, e no fechar das cortinas tive a chance de palestrar em dois grandes eventos. O WEBBR 2013 e EATI 2013 duas experiências incríveis, o primeiro eventos é um dos maiores eventos de Web do Brasil e o segundo um superevento no extremo sul do Brasil. Evento Webbr 2013 Na segunda-feira…
-
Trabalhando gestos com Hammer.js
Hammer é uma biblioteca JavaScript que dispara eventos para os gestos realizados nas suas aplicações com HTML+JS. O Hammer.js é simples de usar, como muitas bibliotecas ele usa o esquema “jQuery-like”. Como utilizar o hammer.js? Para utilizar a biblioteca de gestos precisamos dos seguintes passos, carregar a biblioteca do Hammer disponível no link: http://eightmedia.github.io/hammer.js/. Além…
