JSX Looks Like An Abomination

But it’s Good for You

Eric Elliott
May 20, 2015 · 7 min read

TL;DR

What is JSX?

JavaScript Expressions

Styles

Events

Inline JSX

JSX is Not an HTML Template Language

JSX Event Handlers are NOT Like HTML `onClick`

Designers Don’t Mind JSX

Inline Styles Are Good

(The Right) Separation of Concerns

If you’re putting business rules
in React components,
you’re doing it wrong.

Stateful components are an
anti-pattern in React.

Avoid `this.state`
and `setState()`.

Update: Anti-Pattern, Really?

Image for post
Image for post

What are `props`?

Learn JavaScript app development
with Node, ES6 & React.

Preorder Now
for Lifetime Access to all
my JavaScript courses.

JavaScript Scene

JavaScript, software leadership, software development, and…

Medium is an open platform where 170 million readers come to find insightful and dynamic thinking. Here, expert and undiscovered voices alike dive into the heart of any topic and bring new ideas to the surface. Learn more

Follow the writers, publications, and topics that matter to you, and you’ll see them on your homepage and in your inbox. Explore

If you have a story to tell, knowledge to share, or a perspective to offer — welcome home. It’s easy and free to post your thinking on any topic. Write on Medium

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store