Registros escritos por Luiz Henrique Guerra
Desmitificando o destructuring do JavaScript ES6/ES7
As novas especificações do EcmaScript trouxeram uma série de melhorias e recursos adicionais na sintaxe e funcionalidade da linguagem. Uma delas que particularmente gosto e uso bastante, por ajudar a deixar o código mais curto e mais claro, é a possibilidade de fazer destructuring em objetos e arrays. Entender o que esse recurso faz…
Sim, o React está tomando conta do desenvolvimento front-end. A questão é por quê.
Esta é uma tradução do artigo Yes, React is taking over front-end development. The question is why de autoria de Samer Buna. — Porque o React? Aqui estão algumas razões pelas quais o React se tornou tão popular tão rápido: Trabalhar com o DOM é difícil. O React basicamente dá aos desenvolvedores a habilidade de trabalhar…
CSS Modules + React: conceitos básicos
Repositório com exemplo completo (branch react) Introdução ao CSS Modules Como reaproveitar estilos usando CSS Modules Antes de mais nada, é preciso instalar as dependências para criar um site com React. Vale lembrar que partimos do ponto onde paramos no artigo anterior. Se você não leu, dê uma olhada antes de continuar. npm i -D…
Como reaproveitar estilos usando CSS Modules
– Repositório com exemplo completo (branch continuation) O CSS Modules representa uma verdadeira quebra de paradigma na escrita de estilos para a web. A possibilidade de finalmente ter noção de escopo e segurança quanto aos side-effects tira um grande peso das costas dos desenvolvedores. Porém, ainda é preciso entender que essas mudanças não vêm sozinhas:…
Introdução ao CSS Modules
Importante: para reproduzir os exemplos deste artigo, é necessário ter Node e NPM instalados. Para isso, eu recomendo fortemente o NVM. Sobre o que estamos falando? Ainda hoje há uma série de problemas envolvendo a escrita de estilos CSS. Um desenvolvimento que trata essa parte com irresponsabilidade pode chegar a um código praticamente impossível de…
Organizando CSS em Projetos Complexos #3 – Dicas Avançadas
Primeiro Artigo da Série. Segundo Artigo da Série. Repositório no Github. Dicas avançadas O motivo da estrutura apresentada nas primeiras duas partes da série ser tão complexa é porque a mesma propõe boas práticas de desenvolvimento e manutenção de estilos, além de visar aproveitar da melhor forma possível os recursos disponíveis. Para otimizar os resultados…
Organizando CSS em Projetos Complexos #2
Primeiro Artigo da Série. Repositório no Github. Gerenciando dependências Projetos de alta complexidade frequentemente requerem o uso de uma série de dependências. Não é difícil usar pacotes de CSS desenvolvidos por terceiros, mas simplesmente aproveitar os estilos não é uma boa prática. É preciso ter dinamicidade para atualizá-los e se preocupar com performance ao carregá-los….
Organizando CSS em Projetos Complexos #1
Arquitetura de Estilos Esta série de artigos se propõe a mostrar técnicas e recursos para escrever, gerenciar e manter estilos em projetos de grande complexidade, com grande escala ou duração. Este primeiro artigo irá abordar a arquitetura de escrita de estilos, apresentando ferramentas para otimizá-la e alguns passos para começar a usar estas ferramentas. Mas…
Tipografia para a Web
Encontram-se duas diferenças básicas entre projetos gráficos impressos e projetos gráficos para a web no que diz respeito à definição de diretrizes de tipografia. A primeira delas é a resolução: impressoras têm capacidade de imprimir com resolução muito maior que a maioria dos monitores, seja de computador ou de outros dispositivos de acesso à internet….
Responsive Web Design: Projetação vs Execução
Em um projeto para a web, hoje em dia, é mais do que necessário contemplar os variados dispositivos de acesso à internet, considerando suas limitações e vantagens. Desde a definição do conteúdo a ser publicado, passando pela programação visual até a implementação, deve-se ter em mente que um resultado ideal é aquele em que o…