amyhua/ptwdi-june-2016

June 2016 Part Time Web Development Intensive Class

Repos

React Comment Box: https://github.com/amyhua/react-comment-box

• Related slides: react-intro-sunday-workshop.pdf

Blogger: https://github.com/amyhua/blogger

• Related slides: React Express Setup
• Related slides: react-express-with-workshop.pdf

React-Messages: https://github.com/amyhua/react-messages

• Related slides: react-part-2.pdf

  • When to use state
    • State should not contain... (keeping State DRY)
  • Reconciliation
  • Understanding Component Composition
  • this.props.children
  • Creating children dynamically
  • Adding comments in react render
  • Component lifecycle (not yet covered)

• Contains:

  • MessageList, Message
  • Passing props down
  • Nested hierarchy of components
  • Inverse data flow (event handlers that modify state of a parent component)