This site runs best with JavaScript enabled.

JSX is a Lovechild


Evergreen
🌳
Last tended Jan 20, 2019
React
JavaScript
Illustrated Notes
Web Development

If you've had the pleasure of trying to stumble your way through learning React, you'll have been through the adjustment phase with JSX. Putting HTML and JS side-by-side feels like it's violating the internet rules at first. It's just a new mashup - an awkward lovechild.

JSX is like the lovechild of HTML and JS. It mixes the best of both worlds

Want more illustrated notes on web development?

Take a look at

,
A Fruitful Guide to JavaScript's Comparison Operators
or
A Fresh Serving of JavaScript ES2019

Linked References

What the Fork is Babel?

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…

A Fruitful Guide to JavaScript's Comparison Operators

Comparing values is one of those essential developer skills that helps you write conditionals , if / then statements, filters , and plenty more. Here's the apples and oranges guide to using them in…

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…

JavaScript's ...spread Operator

Spreading the elements from one array and copying them into is one of those handy shorthands for moving data around in JavaScript. I started looking into it after seeing <ComponentName {...props…

Want to share?

Join the newsletter

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

Maggie Appleton © 2022