Export Image
Export Code

D3-React-JSX-ES6 DOM Structure

0
Forks
0
Stars

A. Parker Oakes

Last edited Sep 21, 2020
Created on Sep 21, 2020

D3-React-JSX-ES6 DOM Structure

Steps to Complete

  • <input checked="" disabled="" type="checkbox"> 01- Datavis 2020 Episode 6 - Let's Make a Face Part II (React)
    • <input checked="" disabled="" type="checkbox"> 01.a- Getting started with React
    • <input checked="" disabled="" type="checkbox"> 01.b- What is UNPKG, NPM, CDN
    • <input checked="" disabled="" type="checkbox"> 01.c- Why use a module bundler? What is Rollup?
    • <input checked="" disabled="" type="checkbox"> 01.d- Importing libraries using ES6 module syntax
  • <input disabled="" type="checkbox"> 02- Datavis 2020 Episode 7 - Let's Make a Face Part III (React & D3)
    • <input checked="" disabled="" type="checkbox"> 02.a- Getting started with D3 library
    • <input checked="" disabled="" type="checkbox"> 02.b- Using arc from d3-shape package
    • <input checked="" disabled="" type="checkbox"> 02.c- SVG Path elements
    • <input checked="" disabled="" type="checkbox"> 02.d- SVG group elements and the transform attribute
    • <input checked="" disabled="" type="checkbox"> 02.e- Using ES6 template literals
    • <input checked="" disabled="" type="checkbox"> 02.f- Adding a mouth to our face
  • <input disabled="" type="checkbox"> 03- Datavis 2020 Episode 8 - Let's Make a Face Part IV (React Components & ES6)
    • <input checked="" disabled="" type="checkbox"> 03.a- React components
    • <input checked="" disabled="" type="checkbox"> 03.b- React props
    • <input checked="" disabled="" type="checkbox"> 03.c- JSX transpilation
    • <input checked="" disabled="" type="checkbox"> 03.d- ES6 Background
    • <input checked="" disabled="" type="checkbox"> 03.e- ES5 functions vs ES6 Arrow functions
    • <input checked="" disabled="" type="checkbox"> 03.f- Variables: ES5 var vs ES6 let and const
    • <input checked="" disabled="" type="checkbox"> 03.g- ES6 Destructuring
  • <input disabled="" type="checkbox"> 04- Datavis 2020 Episode 9 - Let's Make a Face Part V multiple files with ES6 modules
    • <input disabled="" type="checkbox"> 04.a- Refactoring react components
    • <input disabled="" type="checkbox"> 04.b- Using many files with ES6 modules
    • <input disabled="" type="checkbox"> 04.c- Named exports vs defaulot exports
    • <input disabled="" type="checkbox"> 04.d- Using react fragments
    • <input disabled="" type="checkbox"> 04.e- Composing the face from components BackgroundCircle, Eyes and Mouth
MIT Licensed