Connect React to Redux - a diagrammatic guide

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.

Advertisements

Node.js Mentorship

An illustration of the goals of the Node.js mentorship program.

Node.js Diagnostics

Introduction Somewhere in March, I was going through the Node.js Github repository, and the Node.js mentorship program caught my attention. I was immediately drawn to this program, mainly because this would give me an opportunity to get seriously involved with the V8 JavaScript engine and I quickly submitted my application. Thanks to the Outreachy program, I am now... Continue Reading →

`let` vs `var` – Part 2

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

`let` vs `var` – Part 1

Cover image courtesy - here. This series of posts is aimed at preparing oneself to face JavaScript technical interviews. Here is the source code. In this post, I shall talk about let vs var, scoping, and hoisting of JavaScript variables. let vs var The main difference between let vs var is that they have block vs function scope respectively. What is... Continue Reading →

D3.js force layout

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 →

Web workers for Lightbeam

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 →

React & Observables

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.

Lightbeam – the launch

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 →

Create a free website or blog at WordPress.com.

Up ↑