Todo React App

• Create Project
• State and Lifecycle
• Props and Keys
• Handling Events
• Using Redux

Create Project

• Use create-react-app
• Explore generated project
  • JSX
  • Rendering Elements
• Use styled components

State and Lifecycle

• See State and Lifecycle
• See Component API
  • mounting: constructor, render, componentDidMount
  • updating: render, componentDidUpdate
  • error handling: componentDidCatch
  • cancelling operations & releasing resources: componentWillUnmount
• Add items/ItemList component
• Use items/ItemRestClient to fetch data from server
• Use core/Loading,ErrorDetail components

Props and Keys

• See Functional Components
• See List and Keys
• Add items/Item component
• Pass properties and callbacks from parent components to child components
• Handle events
• Typecheking With PropTypes

Handling Events

• See Forms - Controlled Components
• See Handling Events
• Add items/ItemEdit component

Using Redux

• See flux architecture
• See redux
• See react-redux
• See react-thunk