This application gives you the ability to search for restaurants in London. For a selected restaurant selected, you will have periodic updates of similar restaurants!
The pattern that I peronsally use is the data owners pattern where components own some data and within it are simply presentation components. If it was more complex with deeply nested components, I would use the redux pattern to manage state.
In the case of reusability VenueCard is being used by both VenueList and Restaurants components.
- Restaurants - owns list of venues to select from
- SimilarVenues - owns list of similar venues
The method of testing adopted is doing "component" testing. This means interacting by dom and asserting with correct behaviour. Default setup from create-react-app is used therefore Jest is being used as the technology of choice.