Lessons
view all ⭢
lesson
Refactor ProductList.jsThe newline Guide to Modernizing an Enterprise React AppWe 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.
lesson
Module 8 SummaryThe newline Guide to Modernizing an Enterprise React AppThis lesson is a summary of module 8.0, where we integrated Cypress into a React app and wrote automated end-to-end tests.
lesson
Module 8 IntroductionThe newline Guide to Modernizing an Enterprise React AppIntroduction to module 8: Cypress e2es
lesson
Module 7 SummaryThe newline Guide to Modernizing an Enterprise React AppThis lesson is a summary of module 7.0, where we started adding unit and integration tests to our app to increase our confidence our app works as expected.
lesson
Module 7 IntroductionThe newline Guide to Modernizing an Enterprise React AppIntroduction to module 7: Unit testing
lesson
Module 6 SummaryThe newline Guide to Modernizing an Enterprise React AppThis lesson summarizes our addition of the Context API and useContext Hooks in Module 6.0.
lesson
Module 6 IntroductionThe newline Guide to Modernizing an Enterprise React AppIntroduction to module 6: The useContext Hook
lesson
Module 5 SummaryThe newline Guide to Modernizing an Enterprise React AppThis lesson is a summary of module 5.0's custom hooks we added to Hardware Handler.
lesson
Module 5 IntroductionThe newline Guide to Modernizing an Enterprise React AppIntroduction to module 5: Custom hooks
lesson
Module 4 SummaryThe newline Guide to Modernizing an Enterprise React AppThis lesson is a summary of Module 4.0, where we systematically refactored our app's outdated class components to now use React Hooks.
lesson
Refactor Checkout.jsThe newline Guide to Modernizing an Enterprise React AppThe checkout page uses multiple API calls to correctly display the items a product manager wants to ship to stores.
lesson
Refactor ProductForm.jsThe newline Guide to Modernizing an Enterprise React AppAh forms, a painful Achilles heel of most web applications (React apps included) since the beginning of time.