Advanced React Demo

App for the Club AJAX Presentation

Install

IMPORTANT: Use Node v6 (tested with node v6.11)

git clone [email protected]:clubajax/advanced-react.git

yarn

yarn start

Page will be available at http://localhost:8888/

Login: user: anything password: at least 3 numbers

Branch links to concepts presented

0-startup - webpack, stub pages, basic router

1-routing - login page, logout, fake api, uncontrolled inputs, headers

2-auth - auth, token, shared header

3-icon - error handling, username, logout icon

3b-icon - Babel, BaseComponent alias, web component build

4-validation - field validation, busy button

5-field-errors - field errors, babel spread operator

6-table - table web component - does not pass objects

7-table- react-web-component (start car selector)

8-car-selector - selector, loader

9-car-selector - image click; demo state problems

10-auto-bind - class based method bindings, transform-class-properties

11-hoc - Higher order component tests