react-redux-realworld-example-app
react-redux-realworld-example-app copied to clipboard
Responsive navigation menu and loader HOC
Loader
- Created loading context which will provide a loading boolean value to descedant components needed to show whether a loading action is happening
- Created a generic higher order loader component that uses the loading context to indicate whether the wrapped component should shown or the loading component
Top navigation / Header
- The current top navigation is the same on all screen sizes.
- Fixed this by modifying the header to show a clickable menu which will be aligned to the left when the screen size is less than 768px