Space Travelers Hub is an SPA app to view and read about the SpaceX latest rockets and missions form SpaceX API. You can reserve rockets and join their missions. We built this app with React and we used Redux as a state management library. For testing we used react-testing-library with Jest.
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.