Cool Bits
-
The React team just published RC RC, AKA the React Compiler Release Candidate.
-
Basedash is the AI-native Business Intelligence platform. Need a beautiful chart or dashboard? Just tell it what you want in plain English and it’ll spin one up for you instantly, no SQL required. It was the #3 Product of the Week on Product Hunt and is pretty mind-blowing to use. [sponsored]
-
tsdown calls itself “the elegant library builder” and is built on top of Rolldown. I often refer to myself the same way when people ask me what I do.
-
Pete Koomen wrote about AI horseless carriages.
-
Jay Meistrich created Legend List 1.0, the fastest React Native list library. Pretty sure he named it that because he singlehandedly created a list library that’s noticeably faster than Facebook and Shopify’s list libs. Legend indeed.
-
It’s obviously performance review week at Meta, because the React team also just released documentation for two more new features they’re working on: View Transitions and the Activity API.
-
Chef is a new full-stack app generation platform that’s actually full stack – because it uses Convex’s backend functionality to give you a type-safe database, auth, APIs, and everything else you need for your backend to just work. [sponsored]
-
Dan Fein wrote Life of a Request, which unfortunately is an article about Vercel deployments and not a fan-fic sequel to Life of Pi where the tiger gets his revenge.
-
Evan Bacon wrote up some best practices for reducing lag in Expo apps. Best practice #1: do better.
-
Simon Pieters wrote on the MDN blog about how default styles for h1 elements are changing. And if you buy my HTML 5 workshop for 8 easy payments of $19.95, I’ll teach you how to use it.
Pop Quiz: Answer
Sponsored by STRICH
What gets logged?
const array = new Array(3).fill([])
array[0].push("bytes")
console.log(array) // [ ["bytes"], ["bytes"], ["bytes"] ]
The key to understanding this one is in knowing that arrays in JavaScript are reference values.
When you call .fill([]), what you’re really doing is “filling up” the array with three references to the same array. You can kind of think of it like this.
const reference = []
const array = new Array(3).fill(reference)
Where now, array has three elements and they’re all referencing the same reference array. Therefore, if you add an item to any of the three elements, since they all point to the same array, it’s as if you’re adding an item to all of them.
To get the same functionality without the referential weirdness, you can use Array.from.
const array = Array.from({ length: 3 }, () => []);
array[0].push("bytes"); // [ ["bytes"], [], [] ]
Want us to say nice things
about your company?
Built with ❤️ by ui.dev
50 W Broadway Ste 333 PMB 51647 Salt Lake City, Utah 84101
Cool Bits
-
The React team just published RC RC, AKA the React Compiler Release Candidate.
-
Basedash is the AI-native Business Intelligence platform. Need a beautiful chart or dashboard? Just tell it what you want in plain English and it’ll spin one up for you instantly, no SQL required. It was the #3 Product of the Week on Product Hunt and is pretty mind-blowing to use. [sponsored]
-
tsdown calls itself “the elegant library builder” and is built on top of Rolldown. I often refer to myself the same way when people ask me what I do.
-
Pete Koomen wrote about AI horseless carriages.
-
Jay Meistrich created Legend List 1.0, the fastest React Native list library. Pretty sure he named it that because he singlehandedly created a list library that’s noticeably faster than Facebook and Shopify’s list libs. Legend indeed.
-
It’s obviously performance review week at Meta, because the React team also just released documentation for two more new features they’re working on: View Transitions and the Activity API.
-
Chef is a new full-stack app generation platform that’s actually full stack – because it uses Convex’s backend functionality to give you a type-safe database, auth, APIs, and everything else you need for your backend to just work. [sponsored]
-
Dan Fein wrote Life of a Request, which unfortunately is an article about Vercel deployments and not a fan-fic sequel to Life of Pi where the tiger gets his revenge.
-
Evan Bacon wrote up some best practices for reducing lag in Expo apps. Best practice #1: do better.
-
Simon Pieters wrote on the MDN blog about how default styles for h1 elements are changing. And if you buy my HTML 5 workshop for 8 easy payments of $19.95, I’ll teach you how to use it.
Pop Quiz: Answer
Sponsored by STRICH
What gets logged?
const array = new Array(3).fill([])
array[0].push("bytes")
console.log(array) // [ ["bytes"], ["bytes"], ["bytes"] ]
The key to understanding this one is in knowing that arrays in JavaScript are reference values.
When you call .fill([]), what you’re really doing is “filling up” the array with three references to the same array. You can kind of think of it like this.
const reference = []
const array = new Array(3).fill(reference)
Where now, array has three elements and they’re all referencing the same reference array. Therefore, if you add an item to any of the three elements, since they all point to the same array, it’s as if you’re adding an item to all of them.
To get the same functionality without the referential weirdness, you can use Array.from.
const array = Array.from({ length: 3 }, () => []);
array[0].push("bytes"); // [ ["bytes"], [], [] ]
Want us to say nice things
about your company?
Built with ❤️ by ui.dev
50 W Broadway Ste 333 PMB 51647 Salt Lake City, Utah 84101
发布者