This is a Single Page Application that shows a list of rockets and a list of missions. It also shows a profile with the rockets reserved and missions joined. It uses a SpaceX API to get the data to show. The project has the next features: Show a list of rockets, show a list of missions, reserve a rocket, join missions, and show a profiles.
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).