React Workshop

##Outline

Pre-requisites

• What's NPM
• What's bower
• CommonJS / Node-style modules

Setup

• Clone the repo
• Install npm: brew install npm
• Install react tools: npm install react-tools

Intro

• Where does it fit in our eco system?
• Why?
• How?
  • component keys
  • diff algorithm
• JSX & React Tools

Modules and Tools

• CommonJS / Node-style modules
• Automation tools: Gulp and Grunt

From Prototype to static React

• Checkout the step branch: git checkout prototype
• Let's turn our prototype into working React components

Props vs State

• state can be dynamically set, props can't
• state will trigger render
• component life cycle
• component specifications

The API

• Let's explore our API

From static React to Dynamic React

• Checkout the step branch: git checkout static
• Let's think of state
• Let's decide on component state vs props
• Let's call our API