with content copied from a presentation by the same name at ReactConf
<CheckInList> {this.state.checkIns.map(function(checkIn) { return ( <CheckInItem> <PersonInfo /> <LocationInfo /> </CheckInItem> ) })} </CheckInList>
Either:
1) Children are on their own to fetch data
2) Parents fetch data for their children
Solution Part 1: GraphQL
- specify exactly what you need
- first class support for complex queries (relations, pagination)
Solution Part 2: "Relay"
- component classes declare their data needs
- Parents query their children for their needs
Wrap Up
By Robert Mosolgo