Web Development

React and d3

After spending some time reading up on vue I have decided to switch back to honing my React skills a bit more. The Boulder area job market has a few opportunities that mention vue, and while that might dominate the market in a year or two React seems to be where it’s currently at. There are several organizations that are either actively migrating from Angular to React or are keen on doing so, and that’s work I’d probably find interesting.

Another area I’d love to be able to focus on again professionally is data visualizations. I’ve done work with both d3 and highcharts in the past and started reading up a bit on integrating d3 with React. In the past I found Scott Murray’s d3 tutorials instrumental in picking up d3 so I bought a copy of his recently updated second edition “Interactive Data Visualization for the Web: An Introduction to Designing with D3“. I’m currently about halfway through and it’s a good refresher, although I find myself skipping through a lot of the JavaScript basics it delves into, the book being partially targeted at people wishing to develop visualizations without any prior web development experience. It’s good because he delves into a lot of details that can be glossed over, but are still helpful in helping concrete my understanding of subjects I haven’t thought about in a while.

On interesting challenge is that both React and d3 want to update the DOM. There are different ways to implement a d3 visualization within React, that doesn’t seem to be much of a challenge at all. But animations and transitions aren’t so easy. Two articles I’ve found helpful are:

This blog is currently a WordPress installation being hosted by a 1and1 account I’ve had since the beginning of time, and I’m looking into various options for hosting one or more node.js project for pushing some functional examples as I continue tinkering with React. I plan on getting together get some d3 animations using the good old join, exit, update & enter patterns.



Please note: This post contains one or more Amazon affiliate links, which I will occasionally use with a product and/or seller I’ve had good personal experiences with.