Using the ideas of controlled form and inverse data-flow, think about how to render a new To圜ard for the toy that you created.Īfter you have the create functionality built out, consider building out the delete functionality. After you have put the data in the proper component, your next job is to render the To圜ard component on the page.Īfter the To圜ard components are on the page, consider building out the functionality for the ToyForm. Given your component tree, think about which component should be responsible for the array. This will tell you how components can speak to each other as well as where that information should be stored.Īfter drawing out the app hierarchy, you should hook up the data from the 'db.json' file to your React components, using fetch. Andy has misplaced of his toys (again) and need your help to organize them.Īll the information about Andy's toys can be found in the 'db.json' file, which you will need to fire up, using the following command in your terminal:īefore you start building out the application, the first step that you should take is to draw out your app hierarchy.

Download andy's toys