Hello 👋🏼 frontendies! Welcome to the ninth issue of our newsletter!
This was a busy month - lots of excitement and hype around Bun's first production release and a massive TypeScript meltdown. Other than that, there are some exciting new additions to the platform and a long list of cool tools! Happy reading, frontendies!
Array grouping methods made it to Stage 3 with pretty good browser support from the get-go (Firefox was the last one releasing it behind the feature flag in v119-120)! Another set of lodash methods that we can say bye-bye to!
Safari 17.0 is out with many features and improvements, most notably the native search element and popover attribute. Check out the full release notes for more details!
Edge finally released CSS Subgrids, making it fully supported by all 4 major browsers 🎉
:user-invalid pseudo selector made the way to all major browsers except Edge, which is built on Blink, so it's probably just a formality. :user-invalid helps you target invalid form elements but only the ones that the user interacted with, so you don't have to present an invalid form to your user right out of the gate! Unfortunately, it behaves exactly like :invalid when used inside Custom Elements, so you'll need to wait a bit more if that's something you've been hoping for.
If you like drama, this blog post is for you - DHH's company removed TypeScript from one of their repositories, and Twitterverse went crazy for the next 2 weeks! Scrolling through PR comments (linked in the blog post) should give you some preview of what was going on. Apparently, people really love their tools, like religiously 🤷🏼♂️
This may be the biggest release of 2023 in the JavaScript ecosystem - Bun 1.0. Nodejs is a well-established runtime at this point and has never really had to deal with any competition, which is probably not that good. Bun comes to change that, and it comes in hot with outstanding performance (some tests claim 4x faster, others 10x, it's hard to tell at this point), build-in package manager, transpiler, bundler, test runner, TypeScript, and CommonJS/ESM support. It looks too good to be true, but time will show.
Vercel Labs has launched v0.dev in a private alpha. Interesting AI service that will design and implement components based on your prompt. At the moment, it only supports React and has a rather complicated relationship with accessibility, but nonetheless, it's nice to see more development in this area.
Any medium size project requires a lot of dependencies, and analyzing them is a challenging task. I take any help I can find - sometimes removing 50% of deps and crossing your fingers is enough, but more often than not, you need to put in more effort. In those times, visual representation is beneficial and may help you untangle some of it. Skott is a tool just for that - helping you analyze your dependency graph and find some common gotchas.
Reusable CSS components for your Tailwind CSS project. Tailwind CSS is great, but building a complete UI library from scratch takes a lot. DaisyUI will bootstrap your project with ~50 components and multiple themes that you can customize later on.
Svelte 5 is introducing a new feature called runes, which looks like... any other js framework's reactivity. I don't think it isn't good by any means, but it makes you think - why should I choose Svelte when there are so many, much more popular frameworks on the market that already have similar syntax 🤷🏼♂️
Next.js 13.5 has been released to improve local development performance and reliability. The update includes faster iterations when saving changes and quicker updates when using popular icons and component libraries. The new version also boasts a 22% faster local server startup, 29% faster HMR (Fast Refresh), and 40% less memory usage.
Another UI library, this time around for Nuxt.js. A comprehensive collection of fully styled and customizable UI components, including color palette, customizable styles, over 100k icons, dark mode compatibility, and keyboard shortcuts - everything you need to push your project forward!
The ESLint team decided to deprecate formatting rules moving forward and focus solely on linting. There are multiple alternatives like Pritier, but if you're not a fan of read-and-rewrite, it may be time to migrate to ESLint Stylistic, which ported all deprecated rules and behaves precisely like ESLint before.
First Issue is a platform that curates accessible issues from popular open-source projects, making it easier for you to contribute and get into open-source. The platform allows you to browse by language, sort repositories by popularity, and explore various topics, so whether you're a JavaScript, Rust, or C developer, there's something for everyone.
Comprehensive list of free developer tiers for various SaaS, PaaS, IaaS, and other services, covering hosting, fonts, code generation, code quality, email, payments, and much more - basically anything you'll need to bootstrap your business.
If there is one guy who knows how to build a design system, it's probably the author of Atomic Design - Brad Frost. In this article, he goes really deep into the complexity and subtleties of any mature design system and what it takes to build one. It is a must-read!
We always discuss proposals in different stages, so it may be a good idea to read a nice article explaining what a given stage means and how TC39 generally works.
Adobe has launched a web version of Photoshop, marking a significant step in bringing complex and graphically intensive software to the browser! Addy Osmani shares what it took to make this transition possible.
Want updates like that every month?
Sign up for our newsletter!