Learn React by building a resume app
Building a resume generator project is a great way to learn React. React is a powerful and versatile JavaScript library that allows developers to create dynamic, interactive user interfaces. With a resume generator, you can create an application that allows users to quickly and easily create a customized resume.
What I have learned
- Refactoring components for better readability, and avoiding over-engineering components.
- Uncontrolled components can cause unexpected problems if the data they hold is not managed properly. Make sure to use the proper state management methods for each component you create.
- Unnecessary rerender must be avoided. It’s a good idea to utilize useMemo and useCallback to maximize performance.
- If there are too many components, the app will become slow when state change, no matter if optimize it with useMemo or useCallback. React have to compare the old virtual DOM with the new virtual DOM to find out the changes to rerender.
Pitfalls
- I made a mistake because printed the resume in PDF format as an image, making it impossible for the user to choose, copy, or click a link.
- I find it tough to divide the page because PDF prints as an image.