Hello 👋🏼 frontendies! Welcome to the twelfth issue of our newsletter!
We made it! 12 issues of the Frontendies - a full year of gathering and sharing the most essential frontend news and articles is behind us! It wasn't easy every month, but I'm thrilled that it's still going, and I can share couple Frontendies stats to summarize this year:
🗞️ 12 issues
🔗 170 links shared
⬆️ ~460 commits
👨👩👧👦 61 subscribers
Let's see what 2024 will bring, and happy new year, frontendies!
The Safari team just dropped version 17.2 with a whopping 39 new features and 169 bug fixes! They've added support for exclusive accordions, one-time codes in HTML, new units for measurement, nesting, motion paths and shapes, and animation in CSS. It's fantastic to see the Safari team constantly improving their browser.
Firefox 121 is here with... :has() selector - which means that it's officially available in all major browsers 🎉 Sadly, Firefox lost a lot of market share in the last years (2.2% left in US), so it may be one of the last hoorah from good old Mozzila 🪦
align-content: center does not require display: flex anymore - short and simple!
Wes Bos and Scott Tolinski discuss new and proposed JavaScript APIs for 2024. They cover various topics, including regex, sourcemaps, structured clone, temporal, JSON modules, Node's proposed ESM Detection flag, built-in .env support, and more. I always enjoy these types of episodes!
Tailwind CSS v3.4 has been released with many new features and improvements. The update includes dynamic viewport units, :has() support, balanced headlines, subgrid, new size utilities, and more. As usual, Tailwind team got a really lovely treat for us!
The first development preview of Catalyst, a modern UI kit for React, has been released. Catalyst is a fully componentized application UI kit that offers fundamental React components with thoughtfully designed APIs. It's intended to be a starting point for your component system, allowing you to easily modify and adapt it to your needs. The kit also includes full dark mode support and aims to be competitive, timeless, and productive. It's currently in development preview, with more features and improvements to come.
The Nuxt team has released Nuxt 3.9 as a Christmas gift to its users. The new version comes with Vite 5, interactive server components, new composables, a new loading API, and more. It also supports Vite 5 and Rollup 4 and is tested with the latest Vue 3.4 release candidate.
Vue 3.4, nicknamed "Slam Dunk", is packed with exciting perf improvements. This time around, Evan's team released a rewritten template parser that's twice as fast, a refactored reactivity system for more accurate and efficient effect triggering, and several API improvements.
Vitest has released its first stable 1.0 version - I'm glad this fantastic project has reached such a milestone 🎉
Astro 4.0 features a new Astro Dev Toolbar, which enhances the local browser dev experience and new internationalization routing to simplify the creation of globally accessible websites. The release also introduces Incremental Content Caching as an experimental feature to speed up build performance for large websites. I guess I'll have another chance to upgrade frontendies.io 🤷🏼♂️
SvelteKit 2, the official framework for building apps with Svelte, has been released. This major release includes support for the newly released Svelte 5 and Vite 5 and several minor improvements.
Storybook 7.6 is the latest minor release with improved performance and a few minor changes- removing React as a peer dependency may be the most significant. Besides that, it mostly paves the way for the upcoming major release, Storybook 8.
The date-fns v3 is out! This version includes several notable changes, such as full TypeScript support, a smaller build size, the return of string date arguments, support for Date class extensions, ESM support for Node.js, and a new flat library structure.
Something for React developers: StyleX, a new styling system designed for large applications, reusable component libraries, and statically typed codebases. It combines the developer experience of CSS-in-JS libraries with the performance and scalability of static CSS. It's something other than what I would typically reach for, but it's worth paying attention to!
Dive into the world of coding images in HTML with this comprehensive SVG tutorial. A bit late for the advent calendar, but you will be okay reaching for this one!
Great article going through and analyzing URL designs you can find on the web, ie. StackOverflow or Slack. Never underestimate the power of the URL! ✨
Want updates like that every month?
Sign up for our newsletter!