Reading all the postings is not a small undertaking, so be prepared to spend some time on them. You’ll also have to work on a project to actually put those things into practice, or they won’t stick. Jérôme happened to post his series just as I started work on a new prototype, and I had been curious about React for a while – so this turned out to be a great match for what I was starting to build. Jérôme is now a visualization person at Uber (according to his Twitter bio), but he worked at Facebook before and is quite familiar with React from his time there.
React is great when you’re dealing not just with a visualization, but a number of elements around it that interact with it. I had played with React for a bit a while ago, and never quite got it. My current project is a really good fit though, and Jérôme’s postings got me going in the right direction, and the rest has been fun and fascinating to figure out.
I was going to write brief summaries of the postings, but it turns out Jerome has already done that for me! So here I’m just quoting from his series announcement posting:
- React vs D3, where we’ll explore similarities and differences between these two frameworks.
- React components, the most important concept in React and the building blocks of React applications.
- Beyond rendering. We’ll look at the React concept of lifecycle methods, and also how we can use d3 within React components.
- Creating a React visualization web app – using what we’ve seen, and two libraries – Facebook’s create-react-app and Uber’s React-vis, we’ll create a small standalone React visualization that can be deployed on its own website.
- The big leagues – in that last part, we’ll write together a more complex visualization with live data and several components interacting with one another.