Doing frontend development since 2006, I got in contact with many different tools and concepts. But since a couple of years the number of frameworks and tools exploded. Its not easy at all to keep up to date with all frontend-tools. In 2020 I am focusing: on preact and the technologies around it.
As to methods there may be a million and then some, but principles are few. The man who grasps principles can successfully select his own methods. The man who tries methods, ignoring principles, is sure to have trouble
The following roadmap shows my view on the topics and outlines the preferred technologies. With the following buttons you can set high-lightning
Its a wild mixture of methods, technologies, product-names and buzz-words. Work-in-Progress
Build-Tools are made for productivity or maybe also developer experience. If you once tried to configure your own build-pipeline with all packages, loaders, modules, concepts etc… you know that this can be a very daunting task if you don’t have your own DevOps-Engineer….(link) Interesting article about tree-shaking, code-splitting, lazy/conditional-loading, maybe this. And about CSS in JS, maybe this