Building D3 Components with React: Part 1

D3 is a powerful library for creating visualizations with JavaScript. While it allows a high-level of customizations, it can be challenging to create isolated, declarative components. Thankfully, this is something React does really well. While there are libraries for integrating the two, I’ve found creating a custom integration to work best for my purposes. We’ll walk through a basic example of how this integration works as well as some lessons learned along the way.

Read More

Testing Flux Applications

A lot of people in the JavaScript community are pretty excited about Facebook’s React library, and associated Flux architecture. We’ve been using quite a bit of these tools in our client-side projects at Quick Left. It can be a little hard to wrap your mind around the way the data flows at first, but once you get used to it, you come to appreciate how clean it can be.

As with any development, test-driving features is the way to go in a Flux app. As I’ve been learning this technology, I’ve been collecting some of the less obvious patterns that make testing easier. In this post, we’ll take a look at some of these strategies, to make it easier for you to build the next big thing.

Read More