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.

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 →

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 – All the Math!

In this post I shall discuss all (most of) the math involved in the visualisations. A quick recall: Lightbeam is now responsive and fully interactive. Tooltips The math behind tooltips is the sequel to my blog post Lightbeam – Tooltips (SVG). Read this blog post to understand Lightbeam's migration from SVG to Canvas. Ignore the transforms... Continue Reading →

Web of Things – Peer to Peer Web

At the end of this month, I am attending the Web Summer Camp at Rovinj, Croatia and I would be running a half-day workshop on 01.09.2017 about Web of Things - Peer to Peer Web. Here is a little abstract about the workshop: The web today is a growing universe. Over the years, web technologies... Continue Reading →

Lightbeam – Tooltips (SVG)

In this blog post I want to share my lessons learned from creating tooltips for the Lightbeam visualisations. Visualisations are the major part of this Outreachy - Lightbeam internship. We use D3-force to create a simulation for an array of nodes (websites), compose the desired forces, and then listen for tick events to render the nodes as they update. When we started,... Continue Reading →

Blog at WordPress.com.

Up ↑