Performance

Optimize web page performance by preloading assets before the browser discovers them.

Tree shaking is a form of dead code elimination. The term was popularized by Rollup, but the concept of dead code elimination has existed for some time. The concept has also found purchase in webpack, which is demonstrated in this article by way of a sample app.

How does the browser transforms HTML and CSS to pixels on a screen.

Some techniques to optimize React components composition and get a performance boost for free.

Patterns.dev is a free book on design patterns and component patterns for building powerful web apps with vanilla JavaScript and React.