CSS modules and SCSS with create-react-app

CSS modules and SCSS with create-react-app

In this post I will describe how to set up CSS modules and SCSS for applications created with create-react-app. When I did it for the first time I found the process quite cumbersome and not well documented so I hope…

Higher-Order Components (HOC) React Pattern

Higher-Order Components (HOC) React Pattern

Today I decided to get more familiar with Higher-Order Components (HOC) commonly used in libraries such as Redux (connect), react-i18next (translate) or react-router (withRouter). I have often used them as part of aforementioned libraries but never got the full grasp…

ES6: Generators

ES6: Generators

A generator is a function that can be entered and exited multiple times. Its context gets saved across re-entrances allowing to control the iterator and hence create iterations through custom objects. This is unlikely to make much sense at this…

React v16.4.0 - Pointer events

React v16.4.0 - Pointer events

On May 23rd, 2018 a new minor release v16.4.0 of React has been launched. Overall, it's a rather uneventful release mostly concerned with fixing a variety of bugs. Quite notably though, it adds support for pointer events which…