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 missions 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 table with the missions' data (as per design).
Use
useSelector()Redux Hook to select the state slices and render lists of missions 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 table with the missions' data (as per design).