Charts communicate ideas with simplicity, clarity, and detail.

Once you're comfortable with D3 you can quickly:

* understand key metrics at a glance
* catch anomalies (before they turn into problems)
* give key insights to your customers
* and impress your boss and co-workers

Today, I will show you the exact methods I use to create beautiful, understandable data visualizations using D3.

The Fullstack D3 masterclass is the complete guide to D3. With dozens of code examples showing each step, you will gain new insights into your data by creating visualizations in this self-paced online course.

Fullstack D3 Masterclass

---
title: "React.js"
description: "We are introduced to React.js and learn a basic principle for combining d3 + React."
privateVideoUrl: https://fullstack.wistia.com/medias/ig7t51fsp5
---

# React.js

React.js is a framework for building declarative, module-based user interfaces. It helps you split your interface code into components, which each have a `render` function that describes the resulting DOM structure. One of React's greatest strengths is its diffing algorithm, which ensures minimal DOM updates, which are relatively expensive.

If you're unfamiliar with React, spend some time running through an introduction [like this one](https://reactjs.org/docs/hello-world.html). Our walkthrough will assume a basic understanding of the core concepts since we want to focus on the **d3 _and_ React** bits.

We are introduced to React.js and learn a basic principle for combining d3 + React.