This is the fetch rocket page for my space traveller's hub project. This is an SPA with 3 routes and built with reactJs and redux as its state management tool. The site works by making API call for fetching the rockets and mission data. The site allows users to join any missions of their choice, reserve rockets, cancel rocket reservations and also rescind their membership after joining
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.: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.