Recapping Modernizing an Enterprise React App
Can you believe how far we've come?
Get the project source code below, and follow along with the lesson material.
Download Project Source CodeTo set up the project on your local machine, please follow the directions provided in the README.md file. If you run into any issues with running the project source code, then feel free to reach out to the author in the course's Discord channel.
This lesson preview is part of the The newline Guide to Modernizing an Enterprise React App course and can be unlocked immediately with a \newline Pro subscription or a single-time purchase. Already have access to this course? Log in here.
Get unlimited access to The newline Guide to Modernizing an Enterprise React App, plus 70+ \newline books, guides and courses with the \newline Pro subscription.
[00:00 - 02:19] Congratulations once again on making it to the end of this course. It has been quite the journey. Part of working with large enterprise apps means maintaining them, oftentimes for years after they were originally built, and when apps get this big and this old, sometimes they're not the best maintained things in the world. I hope after this course you feel more confident about taking on and improving any React project that you come across in the future no matter what state it might be in. This is by no means an exhaustive course of everything, but it should give you a good base to start from. And if you'd like a copy of the final version of Hardware Handler, after everything that we've done to improve it, you can download it here in this lesson. So let's quickly recap everything that we've learned. We learned all about React hooks, including the most common ones that you'll reach for on a daily basis. We learned how to upgrade an outdated React app and lock down its tooling and dependencies going forward. We learned how to configure Prittier and ES lint to improve the developer experience through automated code formatting and linting. We learned a strategy to ref actor old-style React class components to use React hooks instead. We learned how to create custom hooks to make app functionality more reusable and concise. We learned how to leverage the context API to make state management within the app cleaner, how to give ourselves more confidence in our code's functionality by adding integration tests with React testing library and Jest. We learned how to complete end-to-end tests with Cypress.io to test the full experience as a user with CRF. And finally, we learned how to take advantage of the AMP design system to simplify the code we have written by leveraging the AMP components instead. So thank you. Thank you so much for joining me for this course. It has been my pleasure to share some of the things that I've learned over years of working with large React code bases and I hope that you think so too. If you ever have questions or you just want to chat, you can join the new line Discord and you can find me on Newline at page N11. See you soon.