This video is available to students only
- The newline Guide to Modernizing an Enterprise React App
- Refactor React Classes to React Hooks
Refactor ProductList.js
We saved the best (i.e. the most complicated) component for last. The product list, with its filters and products, is no match for our newly honed skills though.
This page is a preview of The newline Guide to Modernizing an Enterprise React App
- ProductList.js is Complicated with its Product Display and Filtering Capabilities
- Convert ProductList to a Functional Component and Remove the Render Method
- Change up our State Variables to use Hooks
- Split up our Large componentDidMount for Smaller useEffect Hooks
- Product API's useEffect First
- Department API's useEffect
- Make our Class Methods into Traditional Arrow Functions
- Modify addItemToCheckout
Contents