Lessons
Explore all newline lessons
lesson
Intro to React Services with Redux and useReducer HooksBeginner's Guide to Real World ReactThis lesson focusses on building the data-handling services and core Redux management system for the Dinosaur Search App
lesson
React Scaffolding and File Structure Best PracticesBeginner's Guide to Real World ReactWe put the foundations of the Dinosaur Search App in place such as creating a new React app and exploring the supporting API
lesson
The Dinosaur Search AppBeginner's Guide to Real World ReactIn this final module we'll be putting our skills together and building a Dinosaur Search App
lesson
Beginner's Guide to React useReducer HookBeginner's Guide to Real World ReactThis final lesson eschews all external redux libraries and swaps in the use of React's built-in useReducer Hook and Context tools.
lesson
How to Simplify React State Management with Redux ToolkitBeginner's Guide to Real World ReactThis lesson takes things further by extending the Event Sign-Up App to use the Redux Toolkit for even easier state management.
lesson
How to Build an Event Signup App with React Redux ThunkBeginner's Guide to Real World ReactLearn how to build our very own Event Sign-Up App using the React Redux library with a centralized state management store.
lesson
Using Local Storage to Persist Login StateBuild a Spotify Connected AppLearn how to use local storage to let users log in and log out
lesson
What it Takes to Make Your React Library More MaintainableCreating React Libraries from ScratchAn introduction to maintainability in a React library.
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.