Hi, I’m Swizec Teller. Over the years I've helped over 10,000 engineers hone their craft. 

With React+D3v4 you'll learn the basics of building fast data visualization components in about an hour. Get started immediately without installing anything.

I based React+D3v4 on 20 years of experience with learning how to code on my own, reading blogs and articles, listening to professors, and working with mentors.

Don't know React? React+D3v4 starts at the very beginning.

Struggling with D3? Every function is explained.

Christina

I bought your course Because D3.js is highly flexible, and writing a bunch of method chaining sucks for D3

Frontend Engineer

Francois

I'm a react veteran who has always wanted to learn D3. I know enough about it to know there will be some quirks integrating with react, so figured your book would save me and my team from having to figure those out on our own. 

I use React because it is the sane way of doing things. I use D3 because I have to. I want nice interactive charts. I want to stay sane.

Software Engineer

Amit

In my old age, I love having practical examples to help me learn new things faster.

D3's docs alone are okay but marrying them with React (as a react newbie) is not as straightforward as someone handholding you through the process. And, since I don't have hours after work or on weekends to hack on things like I used to before I was married (or had kids), I need to optimize my learning.

I already owned your previous version and know it would be worth my money to buy the updated version.

Thanks for all of the hard work!

Freelance Engineer

Become a data visualization engineer with React + D3v4

We've been using React so far, and that's worked great for us. React is fast, easy to use, and not that hard to understand. However, two up-and-coming frameworks promise the ease of React, but faster.

[**Preact**](https://github.com/developit/preact) looks just like React when you're using it, but the smaller code footprint means your apps open faster. Performing fewer sanity checks at runtime also makes it faster to run. Async rendering has the potential to make your apps feel faster as well.

[**Inferno**](https://github.com/infernojs/inferno) also promises to look just like React when you're using it, but its sole purpose in life is to be faster. According to its maintainers, converting to Inferno can improve performance of your real-world app up to 110%.

Both Preact and Inferno have a `-compat` project that lets you convert existing React projects without any code modifications. Whether they remain faster than React after the new React Fiber updates remains to be seen.

As of this writing, July 2017, React Fiber is in alpha. The team is promising it's going to be faster than current React using many of the same tricks that Preact and Inferno use. The big update everyone is looking for is the new render scheduler that's going to make things feel faster even when they aren't. We'll see.

## Stress testing with a recursive fractal

To show you how these speed improvements look in real life, I've devised a stress test. A [pythagorean fractal tree](https://en.wikipedia.org/wiki/Pythagoras_tree_(fractal)) that moves around when you move your mouse.

We've been using React so far, and that's worked great for us. React is fast, easy to use, and not that hard to understand. However, two up-and-coming frameworks promise the ease of React, but faster.

[**Preact**](https://github.com/developit/preact) looks just like React when you're using it, but the smaller code footprint means your apps open faster. Performing fewer sanity checks at runtime also makes it faster to run. Async rendering has the potential to make your apps feel faster as well.

[**Inferno**](https://github.com/infernojs/inferno) also promises to look just like React when you're using it, but its sole purpose in life is to be faster. According to its maintainers, converting to Inferno can improve performance of your real-world app up to 110%.

Both Preact and Inferno have a `-compat` project that lets you convert existing React projects without any code modifications. Whether they remain faster than React after the new React Fiber updates remains to be seen.

As of this writing, July 2017, React Fiber is in alpha. The team is promising it's going to be faster than current React using many of the same tricks that Preact and Inferno use. The big update everyone is looking for is the new render scheduler that's going to make things feel faster even when they aren't. We'll see.

# Stress testing with a recursive fractal

To show you how these speed improvements look in real life, I've devised a stress test. A [pythagorean fractal tree](https://en.wikipedia.org/wiki/Pythagoras_tree_(fractal)) that moves around when you move your mouse.

Introduction

The Meat Start

Simpler Environment

The New Meat

Animation

Animating React Redux

Speed Optimizations

Conclusion

Appendices

Using a React alternative like Preact or Inferno