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:

  Essa estrutura, porém, não é escalável e certamente em pouco tempo você começará a ter dezenas de arquivos em cada uma dessas pastas,…

Continuar lendo

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.

Precisamos adicionar…

Continuar lendo

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…

Continuar lendo

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…

Continuar lendo

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:…

Continuar lendo

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…

Continuar lendo

Programação funcional – parte 1

Transparência Referencial, Pureza e Imutabilidade A Programação Funcional é um paradigma da computação em que as instruções são escritas como se fossem expressões matemáticas e, portanto, herdam características tais como dados e estados imutáveis e usam uma abordagem mais declarativa que imperativa em suas estruturas. Uma expressão, tal como uma função na Programação Funcional, deve…

Continuar lendo

Nem Sass, nem LESS, nem Stylus: PostCSS!

A discussão interminável sobre o pré-processador ideal para o CSS vem de muito tempo. Mesmo eu, que apesar de usar Sass em meus trabalhos, e apesar de ter criado um projeto open-source em cima disso, passei os últimos 2 anos advogando pelo Stylus. Agora mudei de ideia outra vez: vou usar PostCSS. Por que não…

Continuar lendo

O que são promessas no JavaScript?

Até pouco tempo atrás o sistema de promessas no JavaScript era um assunto fora da minha área de conhecimento. Com a oportunidade de trabalhar em um projeto isomórfico com Javascript, ou seja, a aplicação rodando no servidor (NodeJs) e cliente (browser), as coisas começaram a ficar mais claras. Aproveitando este momento de “aha!”, espero ajudar…

Continuar lendo

Primeiro Hackathon de Choko

A Taller teve o prazer de receber o primeiro Hackathon já feito de Choko, no dia 16/08/14. Choko é uma plataforma de desenvolvimento de aplicações web de última geração. Para programar com ele não é necessário conhecer nenhuma linguagem de programação, basta configurar parâmetros e criar regras e recursos que serão transformados automaticamente em interfaces e…

Continuar lendo