Table of Contents

Day 31 - React: Introduction, Components

Topics

React Introduction
- What and why is React?
  - Not MVC, 1 way data flow
  - Virtual DOM and diff'ing
- Setup
  - install (via npm)
    - react
    - react-dom
    - babel-preset-react
    - babel-preset-es2015
  - import: import React from 'react'; import ReactDOM from 'react-dom';
React Components
- Every component must represent a single element
- Syntax
  - JS only
  - XML + HTML + JS = JSX
- Rendering
  - ReactDOM vs. React
  - render()

Notes

Code

Assignments

Fresh Job Board Component Design

Resources