Bytes: If it renders on the edge, it's time to pledge.

Bytes banner (Turn on images 😘)

This week, we’ve got the Death Cab for Cutie of auth solutions, lessons from Daddy Warzucks, and nowhere to hide.

Welcome to #105.


Praise the vite cat

We are fast. We are lean. We are French.

The build tool coming for us all

Everywhere you look, there it is. There is no escaping it, nowhere to hide.

No, I’m not talking about your “I buy what I know” blood-red tech stock/crypto portfolio, I’m talking about Vite (pronounced Vite) – the tooling sensation that’s taking over the web.

Quick Review: Vite was started by Evan You (never heard of him) to solve the “performance bottleneck” issues of JavaScript-based tooling – aka build times long enough to cook a full English breakfast. It does this in two key ways: 1) leveraging native ES modules in the browser, and 2) using new, fast-AF tools like esbuild and Rollup for building and bundling.

This allows it to create a unique combination of speed and a great JavaScript developer experience. You don’t need any specialized knowledge of low-level languages like Rust or Go in order to adopt or customize Vite (as Eric Simons wrote when he announced that StackBlitz was becoming Vite’s largest backer).

And that’s just one of many W’s that Vite has stacked up recently. Let’s recap a few more:

  • Hit the 1 million downloads per week milestone last month (up 10x from a year ago).

  • Adopted by multiple high-profile projects, including Svelte/SvelteKit, Astro, Hydrogen, Storybook, Vue/Nuxt (obviously) and lots more.

  • Released Vitest – a super fast, Vite-native unit testing framework that just passed 200k downloads per week.

Bottom Line: Remember, Vite rhymes with “feet” – so be sure to pronounce your words very clearly when telling your partner that you’ll be attending the “First Annual Vite Conf”, a couple years from now.


Sloth with knowledge is power meme

Behold, the all-knowing ~~Sleuth~~ sloth. [sponsored]

Sleuth.io wants to teach your team how to ship software like Netflix and Amazon

That’s why Sleuth’s CEO & Co-founder, Dylan Etkin, wrote this Ultimate Guide to Going from Zero to One Hundred Deploys a Day.

It’s a 60-page e-book that dives deep into the journey of how elite teams at Amazon, Google, and Netflix went from deploying once a week to hundreds of times a day. And Dylan shares an actionable roadmap for how you can apply a lot of those same principles to your own team, no matter what size.

Oh, and it’s completely free.

“But what does Mr. Fancy CEO Man know about deploying software?” Well, after some quick Googling, we learned that Dylan was one of the first 20 employees at Atlassian and the first architect (and founding engineer) of Jira, before creating Sleuth. So yeah, he’s probably one of the most qualified people on the planet to write about this topic.

Check it out. Knowledge is power.


The Rock being angry

The React Team's response to your questions about perf benchmarks

React is playing its own game now

React has been at the top of the JavaScript charts for almost a decade. But just like Daddy Warzucks, the React Team has learned that “You don’t get to 500 million friends without making a few enemies.”

And by “enemies”, we mostly mean “developers who are angry on twitter” – but you get the point.

That said, many of the criticisms of React in recent years have been fair. In the 5+ years since React started working on concurrency, competing frameworks have leveled up by introducing smaller bundle sizes, faster OPS on benchmarks, and improved ease of use – while React (one could argue) has lagged behind in these areas.

But do these things actually matter? According to the React Team, the answer is, not as much as you might think. Dan Abramov wrote as much in a long Reddit thread last week, while addressing some of these critiques.

Instead, the React Team, like my Mother-in-law, has been more focused on “holistic improvements”. Specifically, improvements that impact the whole app (not just the framework), which they highlighted in a recent blog post about what they’ve been working on.

We were disappointed to see that essential oils and energy healings weren’t included among these “holistic improvements,” but here’s a few interesting things they did mention:

  • Server Components – looking to reduce bundles by providing a seamless experience for moving code from the client to the server.

  • Asset Loading – leveraging Suspense to load in 3rd party assets like styles, fonts and other scripts without the “jank.”

  • Compiler – researching how to get rid of the need to “fine tune” performance issues.

  • Offscreen – instead of having to mount/unmount components you can “stash” them away (very useful for some more advanced use-cases).

Bottom Line: It’s convenient for anyone (including the React Team) to take the position that “the things we aren’t good at don’t actually matter that much.” It doesn’t mean that they’re wrong (they make some great points), it just means that it’s… convenient.


Jobs

Synapse Studios is looking for Senior JavaScript Engineers in the US

Synapse is a software consultancy (Node/React) with a focus on engineering excellence and tightly knit, low-ego teams. We believe devs want to feel productive, challenged, and supported, and we build our culture around those concepts. Come join our growing crew as we solve interesting challenges in healthcare, fitness, IoT, retail and more, for a variety of clients, at scale.


JS Quiz – Sponsored by BugHerd

BugHerd makes it easy to get feedback on a website from team members and clients. No more email chains, Slack threads, or screenshots. Try it free.

What gets logged?

function Dog(name) {
  this.name = name
  this.speak = () => 'Woof Woof'
}

Dog.prototype.speak = function() {
  return 'Ruff Ruff'
};

const dog = new Dog('Leo')

Cool Bits

  1. Tauri just released v1.0 of its toolkit for building cross-platform desktop apps. It claims to be a lot more lightweight than Electron, but I’m just wondering when we can all stop bodyshaming our thicc-lib king.

  2. What does this newsletter have in common with Amazon, Unity, and Pinterest? 1) We’re all innovative tech giants, and 2) we all use Retool to build our internal tools because they’re literally the best. Check them out for free. [sponsored]

  3. RulesJS just launched the v1.0 beta of their Bazel rules for JavaScript tool. If you don’t know what Bazel is, just know that it’s a build tool that has to do with monorepos. If you don’t know what monorepos are, then just do what everyone else does and nod your head approvingly whenever you hear someone talk about them.

  4. Fresh is a new web framework created by the Deno folks that describes itself as a combination of “a routing framework and templating engine that renders pages on demand, on the edge.” Thankfully I memorized this mnemonic in grade school to help me know if something was good or not - “If it’s written in Rust, it leaves other tools in the dust. If it’s declarative, it controls the narrative. If it renders on the edge, it’s time to pledge.”

  5. In My other database is a compiler, Glauber breaks down how his team is working on freeing developers from the pains of databases by leveraging modern tooling like SWC, TypeScript, and a sprinkle of (AST) magic.

  6. Ladle v1.0 was just released to let you “develop and test your React stories faster.” How does it do that? Vite, of course.

  7. IndieAuth is an identity layer on top of OAuth 2.0 that lets users use their own domain to authenticate, without requiring an email address or social profile. It seems like a great solution, but like most indie bands, it’ll probably only have a small group of hardcore fans (who think they’re superior to everyone else for knowing about it). The Death Cab for Cutie of auth solutions.

  8. IE11 finally died last week, and someone was thoughtful enough to create this beautiful tombstone for it in Korea with a moving epitaph – “It was a good tool to download other browsers.” Truer words were never spoken. Rest easy, old sport.


JS Quiz (Answer) – Sponsored by BugHerd

What gets logged?

function Dog(name) {
  this.name = name
  this.speak = () => 'Woof Woof'
}

Dog.prototype.speak = function() {
  return 'Ruff Ruff'
};

const dog = new Dog('Leo')

Woof Woof gets logged.

Before JavaScript delegates the lookup of the property to the Constructor’s prototype, it first checks to see if the property exists on the object being returned from the Constructor. In this case, it does so it calls it.

For more info., check out A Beginner’s Guide to JavaScript’s Prototype


Share Bytes

ui.dev banner
 

We work hard to make Bytes something you'd want to share with your developer friends. And to make it a little easier, we'll give you free stuff when you do.

30

Your bits

Your Referral Page

Your shareable link

https://bytes.dev?x=1697807915
 

Have a product you think our developers will love?
Advertise in Bytes

youtube icon youtube icon twitter icon instagram icon

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

Unsubscribe from Bytes

Older messages

Bytes: 15 badges earns you a waffle party

Monday, June 13, 2022

This week, we've got one IDE going to heaven, fifteen GitHub badges to earn a waffle party, and a million ways to be cruel. Welcome to #104. Welcome to the cloud, my son Is the cloud heaven? Last

Bytes: What do Air Bud and Angular have in common?

Monday, June 6, 2022

This week, we've got an Air Bud crossover for the ages, a new team-building drinking game, and a master plan for infiltrating the Vue Mafia. Welcome to #103. Was this a real movie, or did we all

Bytes: Twitter beefs between framework authors

Tuesday, May 31, 2022

This week, we've got a new way to feel something test your code, some bundler fan fiction, and the hardest diss of the 18th Century. Welcome to #102. My first (and last) testing conference Fact

Bytes: Two words: React fatigue

Monday, May 23, 2022

This week, we've got blessings from the platform, math being a very cool thing, and yet another existential crisis. Welcome to #101. The Chrome team presenting new platform features Google I/O

Bytes: 10 things we learned turning 100

Monday, May 16, 2022

🎉 Welcome to issue 100 🎉 We were planning on doing an awesome giveaway, but after looking at $NET this morning, it'll have to wait until issue #200. Let's rage 10 things we learned turning 100

You Might Also Like

PHPWeekly March 28th 2024

Thursday, March 28, 2024

Curated news all about PHP. Here's the latest edition Is this email not displaying correctly? View it in your browser. PHP Weekly 28th March 2024 Hi everyone, The long weekend is coming up, and if

Hulu officially joins Disney+

Thursday, March 28, 2024

The Morning After It's Thursday, March 28, 2024. A month after taking full ownership of Hulu last November, Disney started beta testing integration with Disney+. Today, Hulu on Disney+ is

Post from Syncfusion Blogs on 03/28/2024

Thursday, March 28, 2024

New blogs from Syncfusion Chart of the Week: Creating a .NET MAUI Column Chart to Visualize the Corporate Investment in AI By Saiyath Ali Fathima M Let's visualize the data on corporates'

New ZenHammer Attack Bypasses Rowhammer Defenses on AMD CPUs

Thursday, March 28, 2024

THN Daily Updates Newsletter cover Webinar: From Blind Spots to Bulletproof: Secure Your Apps with Shared Responsibility From oversight to overwatch: Discover the art of bulletproof app security with

Top Tech 🏆 Synology BeeStation NAS Review — Testing Anker's EverFrost Dual-Zone Powered Cooler

Thursday, March 28, 2024

Also: We Review the Arlo Essential Indoor Cam 2nd Gen, and More! How-To Geek Logo March 28, 2024 📩 Get the hottest deals, how-to's, breaking news, and more delivered directly to your inbox by

Last Chance

Thursday, March 28, 2024

Hello there, I wanted to follow up on our last email to let you know that our introductory iPhone Life Insider offer will expire tomorrow! Currently, a subscription to iPhone Life Insider costs $9.99/

Edge 381: Google DeepMind's PrompBreeder Self-Improves Prompts

Thursday, March 28, 2024

The method combines chain of thoughts, plan and solve and evolutionary algorithms in a single mthod. ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

Anthropic beats GPT-4 🤖, Pixel 9 leaks 📱, the fight for AI talent 👨‍💻

Thursday, March 28, 2024

Anthropic's Claude 3 Opus has surpassed OpenAI's GPT-4 for the first time on Chatbot Arena Sign Up|Advertise|View Online TLDR Together With Dollar Flight Club TLDR 2024-03-28 Exclusive offer:

From Request to Response: How APIs Work – Beginners Guide

Thursday, March 28, 2024

In the vast expanse of the digital ecosystem, APIs (Application Programming Interfaces) act as critical conduits, facilitating seamless conversations between different software platforms. From clicking

Elastic 8.13 is here: Amazon Bedrock in the AI Assistant for Observability

Thursday, March 28, 2024

Learn about Amazon Bedrock support within the Elastic AI Assistant for Observability ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ elastic | Search. Observe. Protect