![]() Welcome friends. In today’s issue, we’ve got SvelteKit’s trademark battle, a Beatles tribute to SSR, and hard lessons from my hot yoga class. Welcome to #158. ![]() The Main Thing![]() Rest easy, old sport Netlify buys GatsbyI was proud of myself for working ahead and starting to write today’s story earlier in the week than usual, but then BAM — I had to scrap the whole thing because Netlify decided to acquire Gatsby yesterday. (This is what I get for not procrastinating.) But enough about me, let’s go down to the players on the field to see what they’re saying:
But when deals like this go down, it’s also helpful to take a closer look at what they’re kind of saying without *technically* saying:
Bottom Line: Given the current climate, we’ll probably see more deals like this for VC-backed OSS startups in 2023, but we can’t overlook Gatsby’s massive impact on the React ecosystem. Since Kyle Matthews (🫶) first hacked together v0 of the framework in a week back in 2015, the Gatsby npm package has been downloaded over 85 million times and over 4,000 people have made commits in I’m sure the team will continue innovating while at Netlify — but it’s worth pointing out that Gatsby wasn’t just another flash-in-the-pan OSS startup that raised a couple million bucks and decided to wind down two years later, when the founders decided they weren’t having fun anymore. Gatsby was one of the first breakthrough OSS projects built on React, it pioneered the early days of React frameworks, and it was instrumental in the early growth of React itself. Thanks for everything, old sport.
![]() Our Friends |
![]() | Senior Full Stack Engineer | |||
| ||||
Motion is looking for experienced TypeScript engineers to build the next generation of productivity tools. You'll inform key frontend architectural decisions that help Motion scale the next 2 order of magnitudes, create delightful user-facing features, and improve application performance. We are an ambitious team of 15 people distributed remotely across North America. |
Check out their on-demand UX webinar, where a DataDog engineer gives a great deep dive on UX monitoring.
If you wanted to implement an ESPN style effect where you dim all the list elements that aren’t being hovered, how would you do that only using CSS?
<ul>
<li>NBA</li>
<li>NFL</li>
<li>NCAAF</li>
<li>MLB</li>
<li>NCAAM</li>
<li>NHL</li>
</ul>
Jotai just released v2 of its “bottom-up approach” to global React state management. Unfortunately, some people don’t appreciate a bottom-up approach to certain activities — which I learned the hard way during my last hot yoga class.
Courier built an out of the box notification service that manages templates and routing logic for multiple providers like Twilio, SendGrid, APNs, FCM, and Slack. See for yourself, and never build a notification service again. [sponsored]
Dave Farley gave a 40-minute talk titled, Taking Back Software Engineering. It’s a great talk, but I was expecting more puns about a certain underrated emo band.
Last year, the Riffle Research Project team wrote an interesting article on Building data-centric apps with a reactive relational database that’s worth highlighting. I was slightly more excited when I thought they were called the Ruffle Research Project — but only because those Sour Cream and Cheddar chips represent about 40% of my core childhood memories.
Justin Ridgewell and Chengzhong Wu successfully advanced the Async Context proposal to Stage 1 for inclusion in the JS Spec. It still has a long way to go, but this would let you propagate state throughout a potentially async callstack.
Andy Jiang wrote a nice article on the Deno Blog called Back to the SSR. Yes, that’s a play on The Beatles song, and yes, the cover image is a cute illustration of two Deno dinos dressed up like Paul McCartney and Ringo Starr. But the article itself also does a good job sharing the evolution of how we’ve rendered websites over the years.
Adam Rackis wrote about Caching Data in SvelteKit. Are we sure that some sketchy men’s weight-loss supplement company doesn’t already own the trademark to “SvelteKit”?
RedwoodJS v4 just launched with a New Auth API and Enhanced GraphQL Security. My sources tell me that it has not been acquired by Netlify – yet.
If you wanted to implement an ESPN style effect where you dim all the list elements that aren’t being hovered, how would you do that only using CSS?
<ul>
<li>NBA</li>
<li>NFL</li>
<li>NCAAF</li>
<li>MLB</li>
<li>NCAAM</li>
<li>NHL</li>
</ul>
Using the new :has
selector in CSS, we can use the general sibling selector and a :hover
pseudo-selector to target the elements before and after in just 3 lines of css.
See it in action here.
ul {
display: flex;
gap: 8px;
}
li {
display: block;
cursor: pointer;
transition: opacity 0.3s ease-in-out;
}
li:has(~ li:hover),
li:hover ~ li {
opacity: 0.5;
}
Shoutout to Stephanie Eckles who wrote a fantastic article covering the :has
selector.