Use useSelector() Redux Hook to select the state slices and render lists of rockets in corresponding routes. i.e.:
// get rockets data from the store
const rockets = useSelector(state => state.rockets);
You can style the whole application "by hand" or you could use React Bootstrap, a UI library that could speed up the process. This is a popular library and working with its components would be good practice.
Render a list of rockets (as per design). For the image of a rocket use the first image in the array of flickr_images.
Use useSelector() Redux Hook to select the state slices and render lists of rockets in corresponding routes. i.e.: // get rockets data from the store const rockets = useSelector(state => state.rockets); You can style the whole application "by hand" or you could use React Bootstrap, a UI library that could speed up the process. This is a popular library and working with its components would be good practice. Render a list of rockets (as per design). For the image of a rocket use the first image in the array of flickr_images.