How to have Chrome Style Inspector to Show Input Placeholder

One habit I have is to set the classes to my HTML elements and then go in Chrome to write all the style. Once I am satisfied, I copy paste everything in the style sheets. Recently, I had to modify the placeholder text to be in a specific color and style — Chrome’s inspector couldn’t […]

Why I wrote a TypeScript book?

I published a 194 pages TypeScript book last week under the name “Holistic TypeScript.”. It’s been a while since I desired to write about a single subject. I’ve been releasing since many years a compilation of my blog posts, but otherwise, it’s been a while since I focused on a single topic. The last time […]

Checking all options with one or many Redux action?

Imagine the situation of a UI with many checkboxes and an option to select them all. In the perspective that the feature of checking all checkboxes is new, would it be a good idea to have the “select all” button to just loop the checkbox action with each id one by one? The short answer […]

React Dropdown Mounting Optimization from 400ms to 2ms

I always have the Chrome’s developer tool open without exception when developing websites. I am having this habit since the first FireBug extension was released from FireFox a very while ago! Once in a while, I collect performance and look at the result. It keeps me on my toes if regression occurs or merely to […]

NPM locally to increase coding velocity between two projects

One advantage having a big repository is to be able to change a part quickly and see the result right away. Recently, I moved a piece of code into another library. The reason was to reuse the library on several systems. The concept of breaking apart into different cohesive library make sense, however, it comes […]

TypeScript strictPropertyInitialization should be turned on

Finally, TypeScript with its version 2.7 brings more rigidity around class properties. For many years, it was possible to define class’ properties without initializing them at the declaration level, neither in the constructor. Before 2.7, the only difference between an optional and a non optional class’s property was that optional could receive the value of […]

Creating Test with Jest and TypeScript wiht describe, beforeEach and it

Jest provides an easy structure to organize unit tests. It consists of blocks a function imbricated. Each function is a division of a test but not a test itself. The test is inside the function “it”. Here is an example: The structure is a little bit convoluted but enforces a logical way to divide test […]

Strongly Typed Mock with TypeScript and Jest

TypeScript strongly typed nature help reducing the number of tests but unit tests will always be needed to test logic. Jest comes for free when using the React ecosystem and the project “create-react-app” which is also available with TypeScript as the transpiler. In this article, we will see a way to mock an interface that […]

Handling React form with Redux-Form and TypeScript

Most applications require using some kind of form to collect user inputs. So far, I’ve avoided relying on a third-party library when using React and Redux. When we think about it, it’s not hard to send the data to the Redux store, performing some validation and rendering again to React. This loop is done hundred […]

A simple React and Redux Architecture

There are a lot of different ways to have a system built around React and Redux. This is mainly because both frameworks are not opinionated on how developers leverage them. In this article, I’ll present a simple architecture that uses React and Redux. The idea is to not complicate the life cycle by avoiding an […]