This site runs best with JavaScript enabled.

What the Fork is Babel?

Last tended Feb 01, 2019
Illustrated Notes
Web Development

If you've build anything on the modern web, you've used Babel.

Nothing works without it. When I first started learning web development I didn't pay much attention to it. But once I got deeper into learning JSX and React (more on that in my React is a Potato talk) and I needed a to understand what was up with the all the .babelrc files in my projects.

Here's my quick one-shot summary of it:

Babel is a translator that turns different varieties of JS into ES5 - a commonly shared version

A good follow-up read is How Are Compilers & Transpilers Different?

Linked References

How Are Compilers & Transpilers Different?

After learning about Babel , I stumbled into the "is Babel a compiler or a transpiler?" debate. To help clarify things, I did a little research and illustrated it.

A Fresh Serving of JavaScript ES2019

A new version of JavaScript has landed! Every year JavaScript gets a handful of new features and functions for everyone to play with. The TC39 committee have released the 2019 additions to…

A Chat with Henry Zhu on OSS & Gift Economies

What can Open Source Software learn from the anthropology of gift economies? I got the chance to chat with Henry Zhu on his Maintainers Anonymous podcast. It's a show about people who maintain…

What the Fork is the React Virtual DOM

When I was first learning React I couldn't quite wrap my head around why it was any different to JavaScript. The idea of the virtual DOM system helped clarify a few things for me. Primarily it got…

What the Fork is React Suspense?

Suspense is an upcoming React feature that's part of the new "concurrent mode." Since everyone is getting all hyped up about it, I wanted to figure out what the excitement was and drew some quick…

Want to share?

Join the newsletter

For weekly notes on visual thinking, ethical technology, and cultural anthropology.

Maggie Appleton © 2021