Bun 1.2, Tailwind CSS v4, and React Scan 0.1
Full Description
This week, the team behind JavaScript runtime Bun drops some major updates into Bun 1.2. Bun introduces a built-in S3 storage API, a built-in Postgres client (with MySQL coming soon), 90% compatibility with Node.js, and itâs faster than ever before. Read the full blog post for all the new features in Bun 1.2 - itâs a lot. Tailwind CSS v4 is out as well, and it boasts a new higher performance engine for 5x faster full builds, support for cutting edge CSS features like cascade layers, custom properties, and container queries, a simplified initial install and config to get going, and a first-party Vite plugin. Tailwind continues to gain steam amongst devs and it keeps raising the bar to bring more and more of the new baked-in CSS features to the devs who want to use them in the Tailwind syntax theyâre used to. And React Scan, built by Aiden Bai who also built Million.js, is out this week too with v0.1. Install React Scan into any React app and it will auto detect performance issues due to excessive re-rendering, and highlight the components causing the issues. If this can be integrated into CI/CD pipelines to prevent slow code from making it into production, this could be a serious game changer. For bonus news, a new initiative called Stargate Project is announced, with plans to invest $500 billion building new AI infrastructure for OpenAI in the US. With backers like SoftBank and Oracle, and key partners like Microsoft, NVIDIA and Arm, this is definitely something to keep an eye on. Also, OpenAI demoed a new Operator AI agent that can perform tasks on the web for users, using its own browser to click, type and scroll. Finally, todayâs Fire Starter is that all major browsers support linking to text fragments. If youâve ever wanted to share a URL with someone that doesnât include an anchor tag or other ID, that day has finally arrived. Simply highlight the text, right click and select the âCopy Link to Highlightâ option, and voila! And if you want to code up this sort of link, the syntax is #:~:text=[text_to_jump_to_here]. Itâs not the easiest syntax to remember, but the result is pretty handy.
Links
- Tailwind CSS v4.0
- React Scan 0.1 (aka Million.js)
- Bun 1.2
- Stargate (not the movie & TV show)
- OpenAI's new Operator AI agent can do things on the web for you
- Link to text fragments with #:~:text= in the URL
- Table top puzzles (like the ones from Buffalo Games)
- Klipsch G-17 air wireless speaker
- Not So Super, Apple