Obrigada, BrazilJS!

Olá, pessoas! Acredito ser importante avisar já no início que esse artigo não será técnico: não vou analisar cada uma das palestras. Vou falar mais sobre a minha experiência pessoal em ir ao evento, ok? Ok. Há um ano eu nem conseguiria imaginar tudo o que aconteceu. Eu era só uma mulher em uma cidadezinha…

Continuar lendo

Como funciona o Styled-components por debaixo dos panos

O CSS-in-JS está se tornando cada vez mais comum no desenvolvimento moderno de front-end, especialmente na comunidade React. O styled-components se destaca na lista porque ele adota tagged templates e permite criar componentes React normais definindo apenas estilos. Ele também resolve problemas importantes, como modularidade CSS, fornece recursos non-CSS, como aninhamento, e todos esses recursos…

Continuar lendo

Render Props para reutilização de componentes

A sua, a minha, a nossa!   Fala minha gente, tudo certinho? Faz pouco mais de um mês que fui agraciado com o conhecimento sobre Render Props e hoje tô aqui pra passar pra vocês o que tem acontecido desde então. API Render Prop já está no React faz um bom tempo, porém sua utilização…

Continuar lendo

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…

Continuar lendo

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

Continuar lendo

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…

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. npm i -D…

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