intro-to-react
WIP React Workshop
Stars
5
Ecosystems:
JavaScript
Intro To React
ES6, JSX, State Management and how to structure your components
Table Of Contents
- Basic Setup
- node version
- npm version
- New JavaScript Features
- let vs. const
- arrow functions
- classes
- class properties
- React
- rendering hello world
-
classNamevs.class,htmlForvs.for - passing a function as a property
- re-rendering & DOM Diffing
- State
- class based components
- counter state
- separation of presentation and state
- synchronised counters
- state hoisting
- when to separate state from presentation
- redux-style setState
- lifecycle
- componentDidMount + data fetching
- componentWillReceiveProps + re-fetching data
- componentWillUnmount + subscriptions
- styling
- styled-components
- external data
- normalized storage of data
- higher order components
- bicycle? server rendering?