Relatable Code

Share this post

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

relatablecode.substack.com

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
Share this post

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

relatablecode.substack.com

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

Twitter avatar for @jarredsumner
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.
11:19 PM ∙ Jul 5, 2022
7,648Likes1,702Retweets

Thanks for reading Relatable Code! Subscribe for free to receive new posts and support my work.

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/

Twitter avatar for @JoshWComeau
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.
4:08 PM ∙ Aug 25, 2022
1,135Likes111Retweets

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

  • Why React Re-Renders

  • Re-introducing Gatsby

  • Electron Packager 16.0.0

  • New features NextJS v12

🔧 Other

  • Typescript Version 4.8.0

  • New webscraping library: Crawlee

  • PlanetScale releases serverless driver for JavaScript

Thanks for reading Relatable Code! Subscribe for free to receive new posts and support my work.

Share this post

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

relatablecode.substack.com
Comments
TopNew

No posts

Ready for more?

© 2023 Diego Ballesteros
Privacy ∙ Terms ∙ Collection notice
Start WritingGet the app
Substack is the home for great writing