This post is aimed at people already knowing React, Redux and aids them in better understanding how things work under the hood. When I first got into the React universe 🌐, ~3 years ago, I had a very hard time understanding how Redux’s mapStateToProps and mapDispatchToProps worked and were available to the React component. Here is a diagrammatic guide to better understand how Redux’s connect works with React.
Here is the interview series of posts. The Part 1 of this post is here. In this tech-cartoon post, I am trying to explain the life cycle of variables, the temporary dead zone (TDZ) and how storage is created for let vs var in loops. Reference: ExploringJS ES6 variables
Debugging the ALPHA! While I have worked with D3.js in the past, the d3-force layout library was entirely new to me and it was very interesting to learn the concepts behind the physical simulations in order to understand the networks and hierarchies of the first and the third party trackers for Lightbeam. It did take... Continue Reading →
This is an initial attempt to improve the graph's performance for large number of nodes using web workers. This PR is a work in progress. The idea here is to off-load the heavy force layout computations to the web worker. This improves performance during page load. I am also experimenting on passing the logic to... Continue Reading →
Over the weekend, I attempted to learn about Observables and I tried to combine React & Observables. Considering my growing obsession to create zines, here is my attempt at tech-cartoons inspired by this great article from Julia Evans. The code can be found here.
Drum roll.....!!! We released Lightbeam yesterday and I am super proud of my Outreachy work. You can find Lightbeam at the Mozilla add-ons page. What is new? Below are the highlights of Lightbeam 2.0.1: Re-written from scratch to adapt to the browser web-extension API Asynchronous data capture and storage IndexedDB for data storage (data is... Continue Reading →