React: Realizando State Update de modo a evitar renderizações desnecessárias

Evitar renderização inútil é um tópico realmente importante para melhorar o desempenho de aplicações React, podendo ser, inclusive, um requisito para uma experiência de usuário satisfatória.

Há alguns anos eu estava criando um aplicativo web de pesquisa que possuía uma tela com N campos de entrada (sob demanda). Eu estava começando com React e, à primeira vista, pareceu-me uma boa estratégia manter o array de valores de entrada no estado do componente pai e apenas passar o callback de mudança de estado e o índice para seus filhos. Algo parecido com:

Mas essa abordagem revelou um desastre com N grande, cada dígito tem utilizava muita renderização gerando atraso. A fim de antecipar e evitar esse tipo de desastre, escrevi esse artigo.

Continue reading React: Realizando State Update de modo a evitar renderizações desnecessárias

Vue.JS: Breve Introdução

O Vue.JS é um framework que, pela simplicidade, vem ganhando popularidade e está em constante crescimento desde sua criação. Porém, foi apenas ao final do ano passado (2017) que o conheci e passei a acompanhar essa poderosa ferramenta.

Para começar, vou partir da premissa de que você é um novato no mundo dos frameworks front end, logo, alguns dos tópicos poderão parecer irrelevantes aos olhos de leitores mais experientes. Dito isso, vamos começar!

Continue reading Vue.JS: Breve Introdução

WebAssembly e Blazor: O futuro da web

Oi, eu sou o Liu e hoje vim trazer dois assuntos que vão mexer com as web apps da próxima geração: WebAssembly Blazor.

Pra começar a entender devemos saber o que é esse tal de WebAssembly e por que ele é importante. O WebAssembly é a próxima era do desenvolvimento web. Basicamente ele é o responsável por compilar os códigos de uma linguagem específica para bytecode, o que torna seu desempenho superior a tudo que já vimos até hoje no que se trata de Web.

Continue reading WebAssembly e Blazor: O futuro da web

Webpack: por que usar em seus projetos?

Neste artigo trago um pouco da história por trás das ferramentas de front-end e a razão na qual o webpack tornou-se uma ótima alternativa para apoiar na arquitetura de um front-end robusto.

Nesse grande BOOM recente de ferramentas JavaScript em que estamos vivenciando, arquitetar front-ends tem se tornado uma tarefa cada vez mais complexa em termos de escolhas de frameworks.

Continue reading Webpack: por que usar em seus projetos?