Issue #21 - React 19 Beta, understand edge compute and more
Learn about flushSync in React, easily grab SVGs for all major companies, changes in React 19, and a lightning fast CSS parser.
Tip of the day
flushSync lets you force React to flush any state updates inside the callback synchronously. This ensures that, by the time the next line of code runs, React has already updated the DOM.
flushSync(() => {
setSomething(123);
});
// By this line, the DOM is updated.
Articles
React just dropped the beta of their new major release, and it comes with a lot of new features and fixes this time around, which includes stable APIs for actions, better error messages, ability to pass ref as a prop without using forwardRef and so much more.
by The React Team
What is Edge Compute? It’s kind of like knitting dog hats
Join Austin as he explains what edge compute is, why it exists and why should you care about it with a great analogy of knitting dog hats.
by Austin Gil
Tools
A beautiful library to grab SVG logos of all companies.
by Pablo Hdez
An extremely fast CSS parser, transformer, bundler, and minifier written in Rust.
by Devon Govett
Tech Talks
Scott Chacon's FOSDEM 2024 talks about Git Tips and Tricks including configs, monorepo, and more.
by Scott Chacon
Quiz
How can we log the values that are commented out after the console.log statement?
function* startGame() {
const answer = yield 'Do you love JavaScript?';
if (answer !== 'Yes') {
return "Oh wow... Guess we're done here";
}
return 'JavaScript loves you back ❤️';
}
const game = startGame();
console.log(/* 1 */); // Do you love JavaScript?
console.log(/* 2 */); // JavaScript loves you back ❤️
This week in GIF
When I run my code to see how it behaves (via https://thecodinglove.com)
Liked this issue? Share on Twitter or read previous issues.