Data Fetching at Facebook Recap

<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

Solution Part 2: "Relay"

- Parents query their children for their needs

Wrap Up