First ask yourself if you want to learn UI to build products or achieve employment. The distinction is monumental.
Employment route:
Learn React. Then React stuff like Next.js, GraphQL, Redux, and whatever. Your code will be short, declarative, and possibly OOP.
Actually build stuff route:
Avoid all the bullshit. You don’t need it. This work takes practice but it isn’t that hard if you can actually program.
Avoid OOP where possible. It buys you nothing in JavaScript and will make your code much larger. Simply don’t use this keyword. Get cozy with functions and the concept of functions as first class citizens (they can go anywhere and contain anything).
You can write code with interactions faster than OS desktop equivalents with JavaScript in the browser (presuming the latest hardware and drawing less than 50,000 nodes simultaneously) if you know what you are doing. Get cozy with the DOM, especially the old static methods. Everything else is sugar on top of it. Query selectors are slow. The DOM is a tree so walking that tree requires a formal appreciation of node relationships and your code will be highly imperative.
Understand events. Event handlers receive an implicit event object that probably contains everything you need. With a thorough understanding of events and custom event declarations you can write user interaction automation.
