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.
Advantages of not using the best tool for the job
Using the best tool for a job may slow things down. It may be "best" in a sense you don't need. The actual best tool might be relatively crude.

Read More
Libs, Tools & References
Ink lets you build command-line apps using React and have fun while doing so too.
UI Playbook is an effort to document common UI components, their functionality, best practices, accessibility requirements and examples.
How do you animate the box-shadow property in CSS without causing re-paints on every frame, and heavily impacting the performance of your page? Short answer: you don’t. Animating a change of box-shadow will hurt performance.
There’s an easy way of mimicking the same effect, however, with minimal re-paints.
Spoiler: it depends...

One question you need to always ask yourself is: Percent of what?
The whole Angular community and especially what's left of the Angular team is going down a dark, murky road in 2020. It looks like it's not all rainbows and unicorns down there. It's time to stop pretending that everything is fine. It's not.
Having researched a little more into the topic for a new client, Hannah found some changes she could make to her projects which could make all the difference to someone's experience when navigating a site using assistive technology.
This article explores how to test React Hooks and outlines an eight-step testing plan you could employ to test your own projects.
For beginners
Broadly speaking, composition is putting two or more different things together, and getting the same “kind” of thing — a combination of the inputs — as a result.
Topic of the week: Auth
JWT Tokens are awesome, but how do you store them securely in your front-end? We'll go over the pros and cons of localStorage and Cookies.
Authentication and authorization are necessary for many of the applications we build. Maybe you've developed apps and implemented authentication and authorization in them — possibly by importing a third party auth library or by using an identity platform.
Maybe you got the job done, but you really weren't clear on what was happening behind the scenes, or why things were being done a certain way.
MineSweeper implemented in CSS + HTML using the Space Toggle trick (no JavaScript!)