Discover more from Relatable Code

Stay on top of the tech industry and grow as a developer with a curated selection of articles and news alongside personal advice, observations, and insight. Subscribe and get my self-taught front-end developer roadmap! No Spam 🙅‍♂️!

A Bun in the Oven - looking in the new JavaScript Runtime and understanding React re-renders

Looking at Bun the new JavaScript runtime and what it may imply in the future also a neat look into why React re-renders

Diego Ballesteros

Aug 29, 2022

NOTE: This is my first newsletter after taking a break for personal-related matters for a couple of months. But it’s time to get back at it 😎

🗞 News

Jarred Sumner @jarredsumner

Introducing Bun - an incredibly fast all-in-one JavaScript runtime.

bun.shBun is a fast all-in-one JavaScript runtimeBundle, transpile, install and run JavaScript & TypeScript projects – all in Bun. Bun is a new JavaScript runtime with a native bundler, transpiler, task runner and npm client built-in.

Bun is a new JavaScript runtime much like Node or Deno but with some differing focuses. It absolutely broke into the JavaScript scene because of how fast it is. It completely out speeds Node and Deno (although Deno did say in future versions it will give a lot more emphasis to speed)

It has a tone of Web APIs already built-in and what caught my eye instantly is that it every file is automatically transpiled, specifically for TypeScript and JSX.

This means that React works right out of the box when using Bun!

Check out their website for more information:

https://bun.sh/

Josh W. Comeau @JoshWComeau

So, this week, I've been working on a lil’ tool to help illustrate the difference between state and refs in React. It's been surprisingly challenging, but I'm really happy with the results 😄 Here's a quick preview, I'll walk you through it in thread!

An illustrated stick of RAM is shown with several slots. Below, snapshots are taken of different state variables, and we see how the state/ref variables are allocated.

Josh Comeau has come out with another amazing article this time focusing on why React re-renders with a ton of useful info-graphics and visuals. For React developers new and old I strongly suggest checking this out.

I definitely picked up a few things that were sometimes just brushed away as “React magic” 🧝‍♂️.

📦 More interesting Articles

⚛ React

🔧 Other