D3.js Tutorial - How to Use the D3 Visualization Library with React-Redux

Channel:

Fullstack Academy

Subscribers:

58,000

Published on March 16, 2017 7:31:29 PM ● Video Link: https://www.youtube.com/watch?v=AbprgCFEVwY

Category:

Tutorial

Duration: 17:08

3,463 views

37

Learn more advanced front-end and full-stack development at: https://www.fullstackacademy.com

D3 (or D3.js) is a JavaScript library for rendering dynamic, interactive graphics on the DOM. It makes use of SVG, HTML5, and CSS standards to bring data to life. In this D3.js tutorial, we introduce the D3.js visualization library and how its approach to data integrates with React and Redux's Store-based, state-driven rendering flow. We also discuss the pros & cons of integrating D3 methods in React dummy components vs. within Redux actions.

Watch this video to learn:

- What is D3.js and what are its use-cases
- What are the parallels between React, Redux, and D3
- Integration strategies and examples