Rough List

1. Understand browser better.
2. Understand HTML5, CSS3 and Javascript.
3. Understanding DOM, rendering, performance and timeline.
4. The challenges of creating user interfaces
5. Understand Virtual DOM concept popularised by React.
6. Understand "Display is a function of state" and how that will affect design thinking.
7. Understand pure functions, testing and how they are related.
8. Check how UI can be tested. Unit testing, visual regression testing etc.
9. Understand state very well. Read about state management tools Redux.
10. Get to know about how we can debug React and Redux in browser.
11. Read up about what is time debugging.
12. Understand the difference between tailwind framework and bootstrap framework
13. Understand the difference between Imperative versus Declarative
14. Understand the dfifference between Class based and hook based approach in React but please use hooks :P

Debugging

1. https://developer.chrome.com/docs/devtools/
2. Learn about Debugging tools
3. Start with step debugging
4. Debugging React
5. Debugging Redux
6. Event, Event bubbling
7. Googling of errors, most popular errors
8. Javascript event lifecycle
9. V8 Engine

Books to read

1. Design of Everyday Things - https://amzn.to/3kE5mjM affiliate links
2. Mobile at Scale - https://www.mobileatscale.com/ - (Recommeded by Friend, yet to read)

Other relevant ones

1. Learning path for App Development
2. Learning Paths Collection

Referenced in:

• Write-first
• Learning-path-for-App-Development
• Learning-Paths-Collection