Part 7 - React router, custom hooks, styling app with CSS and webpack
Core Concepts
- Parameterized routes, redirects, navigation
- Custom React hooks
- UI Frameworks
- Webpack, transpilation, loaders, source maps, minification
- Legacy React class components
Libraries/Tools Learned
- React Router
- React Bootstrap
- Material UI
Projects
Routed Anecdotes
Another version of the original Anecdote app, this time using in-app navigation via React Router. Started from this code.
Country Hook
A small refactoring of the Countrydata app, the same core concept but now using a custom useCountry hook to fetch data and update the React state.
Ultimate Hooks
From a starting point, we were tasked with extracting the logic for fetching data into its own generic useResource hook.
Bloglist Extended
The first version of the Bloglist app in which both parts are in one project, with the frontend completely redesigned to use Redux and React Router. We now have multiple different views, blog comments, a navigation toolbar, and styles using Material UI!
Total hours: 25
