Bytes： Firebase steps into the Studio

Cool Bits

1. Cassidoo Williams wrote about building Ductts, a React Native + Expo app for tracking how often you cry. If you’re looking for a quick way to pump your numbers, I suggest watching the last 5 minutes of Ratatouille or thinking about how that one dude from your high school who wouldn’t shut up about crypto and ICOs back in 2017 is probably rich now.

2. Rspack v1.5 comes with barrel file optimization, a faster file system watcher, improved browser support, and lots more.

3. QA Wolf is hosting a free webinar on How they built a real iPhone device farm for iOS mobile testing this Thursday. You’ll learn why simulators fail at e2e mobile testing and the crazy lengths they went to in order to achieve 80% coverage for iOS apps. [sponsored]

4. Sam Who wrote this fun, interactive post about Big O notation, and he’s not talking about Oscar Robertson’s triple doubles.

5. Oxlint now has type-aware linting and supports 40 long-awaited rules. Because lint rules are the only thing that separates us from the animals.

6. A new React Aria release comes with origin-aware animations, GridList section support, and more.

7. Stuart Dotson wrote about how his team at Calm migrated their Rush.js monorepo to Node type stripping – right after they completed their team sleep meditation with LeBron James.

8. Firefox 142 introduces URLPattern, the Prioritized Task Scheduling API, and more.

9. Minko Gechev filmed this first-look demo of AngularAI, a browser-first agent that provides “hyper-contextual” debugging and prototyping. Because context is everything – which is a lesson I learned the hard way after trying to jump into K Pop Demon Hunters with my nieces and nephews after they were already 45 minutes into it.

---

Pop Quiz: Answer

Sponsored by Datadog

What gets logged?

function getPort(url) {
  const { port } = new URL(url);

  if(port === '80') {
    console.log("You're using the default port");
  }

  if(port === '443') {
    console.log("You're using the default secure port");
  }

  console.log(`You are running on port "${port}"`);
}

getPort(`http://example.com:80`) // You are running on port ""
getPort(`http://example.com:8080`) // You are running on port "8080"
getPort(`https://example.com:443`) // You are running on port ""
getPort(`https://example.com:3000`) // You are running on port "3000"

The URL constructor function in JavaScript strips the default port even if it’s explicitly provided. Since port 80 is the default for http and port 443 is the default for https, the port is stripped from the URL resulting in an empty string. File this one away under JavaScript quirks that you probably don’t need to know, but could save future you hours of debugging.

Want us to say nice things

about your company?

Sponsor Bytes

or share it

Built with ❤️ by ui.dev

50 W Broadway Ste 333 PMB 51647 Salt Lake City, Utah 84101