Full Description

We kick off this week’s episode with news that React Native framework Expo now has a developer preview of universal React Server Components. For the first time ever, you can use React Server Components & Server Actions in native apps. In a controversial move, Amazon has mandated all employees must return to offices by Jan 2025. The hosts discuss the pros and cons of working from the office vs remote, and speculate this is just another way for Amazon to conduct layoffs without actually laying more employees off. CSS masonry, a long yearned for feature, gets closer to reality. The Google Chrome and Apple WebKit teams have differing opinions about how CSS masonry’s syntax should be added to the spec (reuse CSS grid or create a whole new layout property for masonry), and they want devs to weigh in to help make the final decision. In bonus news, the CSS shield logo of years ago gets a glow up! Based on community feedback the new logo is sleek, Rebecca Purple, and more general use than the CSS 3 shield logo that’s been around for over a decade now. Hat tip to Adam Argyle for the nice write up and link to GitHub repo with all the logo details. This wouldn’t be a complete episode without a short update on WordPress’s latest petty move against WP Engine. There’s now a site in existence that claims to track the number of sites that have moved off of WP Engine hosting since the battle began. And to end the news, we recently talked about how big tech companies are looking to nuclear power for their AI projects. They’re running into issues in the form of endangered animals on the land or drawing too much power away from the grid and subjecting neighboring customers to brownouts or blackouts. This week’s Fire Starter is the CSS stretch keyword. stretch allows for HTML elements like buttons to take up the width of the container they’re within (like a div or p tag) while still respecting that parent container’s margins and padding. The next time you need an element to fill space, before you reach for calc() and some fancy CSS math, see if stretch will do the trick.

Links

• CSS masonry layouts controversy
• React Native has beta RSCs
• Amazon is making employees return to the office
• CSS gets a new logo that's not a shield! - h/t to Adam Argyle for this breaking news
• Regulators causing nuclear power issues for Meta and Amazon
• WordPress tracking sites leaving WP Engine hosting
• CSS stretch keyword
• Unreasonable Hospitality book
• Lioness TV show
• Daisy Darker book