“It's a story of accidental decision you made without knowing about it.”

“If you have any render-blocking CSS or synchronous JS hosted on third party domains, go and bring it onto your own infrastructure right now.”

How to use prefers-color-scheme media query to add a dark mode to your site.

This is a great list

TIL you can define a perf budget for Lighthouse!

“Google has effectively said, ‘You have to use our browser on our search engine to get the fastest content written in our language.’”

This is fantastic. I’ve had this problem before and I’m excited to see subgrid can address it.

“This is the single biggest reason why I love React. React rethinks problems from first principles.”

“While building a Design System in Angular, React, or Vue is quite a bit better than the too-open-ended approach used in Bootstrap, it has one major flaw: it only works if the rest of your company has standardized on that single framework!”

Great breakdown of why (and WHEN) memoization matters with React hooks

Embrace, extend, extinguish

This is a really good point. Don’t default to :root as the place for all your CSS custom properties

“The way CSS Houdini works brings two advantages: modularity and configurability.”

This is a brilliant idea from Brad Frost

“What we tend to forget is that the environment websites and web apps occupy is one and the same. Both are subject to the same environmental pressures that the large gradient of networks and devices impose.”

Great perspective regarding the difference between Agile and faux Agile

There are a number of reasons to avoid icon fonts. — Here's how to make the switch to SVG, from Sara Soueidan

Yup.

Tutorial on creating a custom useForm hook to simplify form development.

A service to polyfill just what the user needs. Awesome!

Some of these ideas make me feel icky. But others would be quite useful. Optional chaning, anybody?

A nice rundown of some things that aren’t possible in CSS grid, but could be handy.

I’m so excited to start playing with this

Interesting look at the potential problems using setInterval() with React hooks, and a useInterval hook to workaround them

A useTimeTravel hook for easy undo/redo (basically mimicking a lot of Redux patterns) — @swyx

It looks like discussion might have picked up again for scoped styles 🤞🏻

Building a “scroll to top” button using Intersection Observer instead of scroll events

Not sure browser support is quite where I'd want before making this jump, but it sure is an enticing idea.

“Your page will only render as quickly as your slowest stylesheet.”

A great look at optimizing CSS loading from Harry Roberts

This is amazing. I have wanted this sort of layout several times, and always walked away thinking it wasn't possible in plain CSS.

Great overview of the recent changes to React from Jenn Creighton. Not the brand spanking new stuff like Hooks, but rather the v16.0 changes that set the stage for all the new stuff we’re seeing arriving now

Great introduction from Una Kravets

“In Kentucky, mining veteran Rusty Justice decided that code could replace coal. He cofounded Bit Source, a code shop that builds its workforce by retraining coal miners as programmers.”

“CSS is global by nature. On purpose!”

“The problem arises when the platforms of the internet take mini learning frustrations and elevate them to the public sphere where… someone can have them validated and encouraged and re-enforced, and they stay in that comfort zone and don’t venture out further.”

This talk is fantastic.

Cool idea for periodic synchronization of a PWA in the background

Some interesting thoughts on why FP is hard to teach and new ways to think about and explain it

If you missed the ReactConf talks, get them here. If nothing else, make sure you catch the first two on ✨ hooks ✨

A (proposed) upcoming feature for React that looks fantastic. If you haven’t checked this out already, give it a look.

A nice look at applying tried-and-true programming principles to React components.

Those looks really slick

Walt: a JavaScript-like syntax for WebAssembly text format

Transpiling is expensive. So avoid it where you don’t need it!

“perfect is a verb not an adjective”

“Performance budgets are not just thresholds. Much like a financial budget, they're something consciously spent.”

A look at the in-discussion “bind” operator for JavaScript. This would be useful.

An intriguing new approach to writing JS test assertions

Several common layout patterns in CSS

Relevant to today’s WC discussions: The most powerful parts of the web platform are the things that can be done declaratively for common use cases, and augmented imperatively for special cases.

This is really sad to see. It also further feeds the notion in #ally circles that “React isn’t accessible” (which is untrue, but enough React developers disregard #ally that it’s an understandable shorthand someone might arrive at).