What's going on in < / > world
"Easy is boring. That's why I love the web and browsers." - Remy Sharp

Hello, you're reading Infinum Frontend Cookies, bringing you the latest JavaScript and CSS related news straight to your inbox every week.
Thinking Like a Front-end Developer
How to think as a front-end developer and account for edge cases you might have missed.
Read More
Libs & Tools & References
why-did-you-render monkey patches React to notify you about avoidable re-renders.
NPM version 7 released two new features that really made a difference for me: workspaces and better peer dependency management.
"Are Core Web Vitals the panacea that everyone thinks it is? I'm not so sure."
Friendly tutorials for developers. Focus on React, CSS, Animation, and more!
A detailed analysis of 3 JavaScript timeout strategies and how they perform in thousands of web contexts.
"I'm ashamed I didn't know about this form attribute. In that past I've executed CSS magic tricks to accomplish buttons displaying outside of their form area. Did you know about this attribute?!"
"We’ve done everything by the book, documentation, and HTML standards, so why is Lighthouse telling us everything is wrong?"
For beginners
In this post, you'll learn everything you need to know to build a simple web app using only vanilla DOM APIs including creating new elements, modify existing elements, and hooking all of that up to external data using the fetch API.
Topic of the week: TypeScript
If you’re unfamiliar with TypeScript, it’s a language that builds on JavaScript by adding syntax for type declarations and annotations. And with its recent release, it's getting more powerful than ever. If you haven't already, it's time to hop on board 👐.
This document introduces some easy ways to configure TypeScript to ensure faster compilations and editing experiences. The earlier that these practices can be adopted, the better. Beyond best-practices, there are some common techniques for investigating slow compilations/editing experiences and some common fixes.
"Of course, you can learn and remember all the peculiarities of enums and know quite well how to handle them. But why bother if there is a much clearer and easier way to achieve the same – if not better – type safety entirely in the type system?"
Check out this example of pure CSS morphing 😮😮😮