Arquivo de categorias para "#Javascript"
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…
Programação Funcional em JavaScript usando Ramda
Programação funcional é um tema que vem ganhando tração no mundo do JavaScript, e o Ramda faz parte deste universo.
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…
GraphQL hoje usando Apollo em aplicações que utilizam APIs REST
Apesar do entusiamo das pessoas que já usam GraphQL, a popularidade da ferramenta está crescendo a passos curtos. Desenvolvedores trabalhando no client-side das aplicações são os que mais rapidamente têm a ganhar com o GraphQL, mas poucos ainda conseguem justificar o investimento financeiro na migração de um backend em pleno funcionamento servindo uma API REST….
Um Ensaio sobre Arquitetura Fractal usando Webpack e React
Aplicações de menor porte são normalmente organizadas de modo a separar os arquivos por natureza; componentes, contêineres, rotas, etc. O resultado é uma aplicação com uma estrutura parecida a esta: components/ Header.js HomePage.js Footer.js Post.js PostList.js PostPage.js User.js UserProfile.js UserAvatar.js containers/ App.js Post.js User.js routes/ index.js post.js user.js router.js index.js Essa estrutura, porém, não…
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…
Programação funcional – parte 2
Recursão, Currying Na primeira parte da série sobre Programação Funcional falamos de Transparência Referencial, Pureza e Imutabilidade. Continuando, iremos agora falar de dois outros conceitos básicos, porém bastante úteis na Programação Funcional que são a Recursão e o Currying. Recursão Este conceito, também largamente utilizado na programação procedural, abre caminho para potencializar o uso de…
Desenvolvendo com o auxílio de Webpack
Olá, venho mostrar uma maneira boa de organizar seu projeto com auxílio de Webpack, uma ferramenta que facilita a manutenção do sistema durante todo desenvolvimento. Na Taller estamos usando ES6 para projetos de multinacionais até projetos pequenos para validação rápida no mercado. No ES6 você cria classes com uma sintaxe muito simples e objetiva. Durante o desenvolvimento…
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…