Using OneNote to record online classes

I am taking online classes for my master degree in machine learning at Georgia Tech. For the first three semesters, I used Google Doc to write down all my notes during lecture. The lectures are provided by Udacity which are using videos to teach the content. After three semesters, I realized that my way of […]

The Best Development Browser Resolution

An interesting challenge with web development is the unlimited different combination of width and height that people can consume the application. I am developing with a wide screen most of the time and once in a while directly on my MacBook Pro that has a retina resolution. In all cases, I have the Chrome’s developer […]

Adding Telemetry to your Web Application

I wrote several months ago about having telemetry has a centerpiece of your application. In this article, I’ll write how it works more technically. First and foremost, the application needs a thin layer to send the telemetry to the backend. I wrote a small internal library that handles basic telemetry needs. For example, if we […]

Re-Reselect your whole Redux State

Re-Reselect is a library that uses Reselect. Both have the capability to memoize a function returns by its input. It means that if the input of a determine function change, the function is executed and the return is saved in memory. The saved copy of the information is used until one of the specified parameter […]

Testing Redux next and api.dispatch with TypeScript and Jest

A middleware in Redux can have quite a lot of logic. In fact, this is my favorite place to place logic. The rationale is that it can be triggered by an action, still, have the time to request data from the backend server with an Ajax call and can dispatch other actions that can be […]

Redux Structure Best Practices

I have been coding in one of our web application at Netflix for more than 15 months, and I realized that my Redux’s state got better in time. In hindsight, it is easy to recognize that the initial draft of the state was performing its job but not efficiently. However, after a few Internet searches, […]

React Ref with children caveat

Recently, I had the requirement to disable some parts of the user interface if an entity is under a specific state. I decided to create a reusable component that would blur its child and show a message to the user explaining why a section of the screen is inaccessible. You can see the final rendering […]

Mocking Every Functions of an Object with Jest and TypeScript

Most of the time, it is enough to simply mock a handful amount of member of an object while performing unit tests. However, if you are using the dependency injection pattern, it is faster to not send an actual object and manually cherry-pick which function to test. Since you are injected an external object, you […]

Dragging a DOM Element Visually Properly

A few weeks ago, I started using a web appliance (Trello) to handle my side projects priority. The main action is moving the cards between columns and I realized that I did a way better job when I worked at Microsoft with Visual Studio Team Services than Trello. You can compare with the following example […]

Side Panel instead of Dialog

During my time at Microsoft on the product Visual Studio Online (renamed to Visual Studio Team Services), my team had to build the new dashboard. One feature is the configuration which consists of selecting widgets that can be part of the dashboard with a specific configuration. For example, you could choose a chart with the […]