In this task, we worked with the real live data from the SpaceX API. Our task was to build a web application for a company that provides commercial and scientific space travel services. The application allows users to book rockets,dragons and join selected space missions.
Use useSelector() Redux Hook to select the state slices and render lists of dragons 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 dragons (as per design). For the image of a dragon use the first image in the array of flickr_images.
Use
useSelector()Redux Hook to select the state slices and render lists of dragons in corresponding routes. i.e.: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 dragons (as per design). For the image of a dragon use the first image in the array of
flickr_images.