Stay Ahead in Web Tech
Hello readers!
Just as we do every month, we've pulled together a selection of articles from the world of web tech that we think are worth sharing… Learn how to from the :has CSS selector, get insights into the new React 19 Compiler, discover all the Node.js performance hooks, and much more.
Happy reading!
:Has - mighty CSS selector
Josh W. Comeau describes use cases for using powerful CSS :has selector. This selector allows us to break from the basic CSS selector rule and apply styling based on the state of the children's elements! Read the article to understand how to enhance the user experience for modern browsers and how to benefit from this selector.
Node.js performance hooks
Once you deliver the app to production, a new journey begins. Once the app is hit by a significant load, you start the optimization phase, where understanding the performance bottlenecks is crucial. Learn from this blog post how to measure execution times in Node.js using the built-in performance hooks package and how to improve the app.
Deep dive into basic SVG elements
In this blog post, you learn more about the standard SVG elements, their properties, and how to create them to build simple icons or graphics. The detailed guide also explains the complex SVG coordinate system and the role of the SVG viewBox.
React 19 Compiler in detail
The major feature of the React 19 will be its compiler which releases the burden of manually doing tasks such as defining hooks dependencies or code splitting the product. Until the new React version is officially released, you can learn more about the Compiler from this article.
Nitro.js - universal web server engine
Nitro might look like another Node.js server, but it is more than that. Used to power the Nuxt v3 (Vue server-side rendering stack) and has evolved into a full framework. Nitro provides popular zero configuration, auto imports and tree shaking, file-based routes, and caching. The most distinctive feature is its built-in connectors to popular platforms, enabling fast deployment. If you are interested in the details, check it out!