Past issues Subscribe

Apr 23 2019

Edge Goes Chromium: What Does it Mean for Front-End Developers?

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.
Edge Goes Chromium: What Does it Mean for Front-End Developers?
In December 2018, Microsoft announced that Edge would adopt Chromium, the open source project that powers Google Chrome. With its release, a whole host of HTML, JavaScript and CSS features will have achieved full cross-browser support.

The preview build is now available for Windows, and coming soon for Mac.
Read More
Libs & Tools
Create React App 3.0 brings some exciting new features including support for Hooks!
Articles
To address queueing time delays on the web, Facebook worked with engineers at Chrome to develop isInputPending. The origin trial for this API is now available.
Knowing how to test is great and important. But knowing how to write tests is only half the battle to achieve confidence in your application. Knowing what to test is the other–very important–battle.
The globalThis proposal introduces a unified mechanism to access the global this in any JavaScript environment. It sounds like a simple thing to polyfill, but it turns out it’s pretty hard to get right.
Memoize hooks are great at optimizing for performance. useRef, useCallback and useMemo are memoize hooks and you will learn how each work as well as when to use each.
For this post, Adrian is only going to provide styles to visually convert a standard checkbox into a visual toggle. No ARIA, no script, no special features. A progressively enhanced checkbox that will continue to work if the CSS file does not load.
We talk a lot about Flexbox and CSS Grid Layout, but these layout methods are essentially values of the CSS display property, a workhorse of a property that doesn’t get a lot of attention. Rachel Andrew takes a better look in a short series.
For beginners
Early this year, the React team released a new addition, hooks, to React in version 16.8.0. If React were a big bowl of candies, then hooks are the latest additions, very chewy candies with great taste!
So, what exactly do hooks mean? And why are they worth your time?
Hello from the server side
A handy examination of the differences between three very popular server-side rendering frameworks.
Offtopic
Between the zillions of JavaScript bundles, cat videos, and banner ads that are the web, it’s easy to forget that something–in fact, several somethings–have to glue it all together. One of those somethings is theDomain Name System, DNS, which bears the inglorious responsibility of turning a hostnames like pets.com into a machine-friendly IP address.
Demo
 

Previous Issues

Load More