| Stateful Component |
1. contains state; 2.uses setState( ); 3. used on Container Components for loose coupling (see above);4. can be written as a function or as a class |
| Stateless Components |
1. does not handle state; 2. does not use setState( ); 3. used on Presentational Components; 4. receives data via props and renders UI |
| Props |
1. data that is passed from parent to child; 2. unidirectional data flow; 3. passed in the class constructor; 4. may need explicit binding to access |
| State |
1. behavior handled by either a container component or data store like Redux, Flux, Relay; 2.mutates data; 3. adds feature behavior |
| Lifecycle Methods |
1. manages the component's behavior from when a component is mounted to when a component is unmounted |
| Class (ES6) Component |
1. an object in ReactJS that allows you to add methods and certain feature types to your class object; 2. a class object in JS acts differently than in a classical OOP language like Java |
| Functional Component |
1. written as a function; 2. may contain state in the future |
| Higher Order Component |
1. a function that takes an existing component and returns anothe component that wraps it |
| props.children |
In React, a way to access data via the children on the props object. So say we need to access 12:49AM: <Clock>12:49 AM</Cock> |
|