![]() Today we’ve got the CSS Electoral College, Vite without one mention of it rhyming with feet, and some open source Bacon. Welcome to #146. ![]() The Main Thing![]() When you spend your weekend upgrading your bundler Vite 4.0 is here for the holidaysYou know those days where you get hungry right after you eat breakfast, and end up eating Just five months after their last major release, they released Vite v4 last week — and it didn’t feel very noteworthy at first. There are a few minor improvements like new support for SWC, but this release was mostly focused on upgrading to the latest version of Rollup to improve Vite’s internals. The bigger story here is how Vite is now on its fourth major version in its first two years of existence. I know you need to break a few eggs in order to make omelets — but the big question for Vite is, was this upgrade worth yet another breaking change? Let’s examine. The case against breaking changes:
On the other hand…
Bottom line: We all hate breaking changes. But with frameworks like SvelteKit, Astro, Nuxt, and others all building on top of Vite, putting in a little bit of work on the foundation seems like a good idea to support this next wave of growth.
![]() 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. |
Sanity is offering a boosted free plan of their new studio product with increased API and bandwidth limits for all Bytes readers.
In what order will the logs below show up in the console?
console.log('First')
setTimeout(function () {
console.log('Second')
}, 0)
new Promise(function (res) {
res('Third')
}).then(console.log)
console.log('Fourth')
The CSS Working Group wants you to help them chose the best syntax to use for CSS nesting. I’m a little surprised they decided to use the electoral college format, but I guess it makes sense that people in Florida and Ohio get to decide the outcome of every popular vote from now until the end of time.
If you’ve ever felt bogged down by the limitations of your CMS, check out Sanity Studio — an open-source, single-page application that you can fully tailor to your project’s needs using their new studio customization framework. And they’re offering a boosted free plan to all Bytes readers right now ✨[sponsored]
Evan Bacon (from the Expo Core Team) just open-sourced his own React Native MDX library for an upcoming Expo project. I just hope he was able to pull an Adam Neumann and sell the trademark back to Expo for a few million.
In JavaScript APIs You Don’t Know About, Juan breaks down some underground, indie JS APIs you’re probably not familiar with. I’m more of a mainstream JS API guy myself but to each their own.
Htmx is a library that allows you to access modern browser features directly from HTML, rather than using JavaScript. As an author of a JavaScript newsletter, sounds terrible.
Gautier Ben Aïm wrote about how he and his team rebuilt their whole email stack from scratch and rendered their emails with SvelteKit. Now that sounds like a fun company holiday party.
Marius Obert wrote a helpful comparison piece of JavaScript backend frameworks like Next, Nust, Nuxt, Nest, Nextest, and Nuxter.
Our friends at Remotion just launched Github Unwrapped, a site that generates a personalized year in review video based on your Github contribution history.
In what order will the logs below show up in the console?
console.log('First')
setTimeout(function () {
console.log('Second')
}, 0)
new Promise(function (res) {
res('Third')
}).then(console.log)
console.log('Fourth')
The answer is First
, Fourth
, Third
, Second
.
To fully understand this one you need an understanding of JavaScript’s event loop. Specifically, the Call Stack, Task Queue, Web APIs (for setTimeout
), and the Job Queue. You could watch this video, which is perhaps the most famous JS conference talk ever given. Or you could just, not do that and enjoy your Monday instead - no judgement here.