1. Learn
  2. Learn React By Itself

A Brief Introduction to JSX

React doesn't require JSX. But given the option, it will certainly save you keystrokes – as these live examples demonstrate.

James K Nelson

James is the editor of React Armory, and has been creating things with JavaScript for over 15 years.

Read more by JamesFollow @james_k_nelson on Twitter

It is true that JSX is optional. It is also true that basically everyone uses it. And as you may expect, there is a good reason that everyone is using a quirky, optional syntax.

JSX will save you gobs of time.

Now this isn’t to say that you have to use it. For example, you might want to add some small React components to an existing codebase, or you might want to learn about React without installing a build system (good choice, by the way).

But if you do have the opportunity to use JSX, you’ll never look back. And the best thing is that it is super simple – there are just 5 rules to learn.

We’ll be a bunch of live examples of these rules real soon now. But if you can’t wait, you can get a PDF cheatsheet with 10 print-optimized examples right now – just by joining React Armory. And as a bonus, you’ll be the first to hear about the live examples. So what are you waiting for?

Join React Armory,
Get Cool Stuff

Exclusive access to resources.

Early access to new content.

No spam, ever.

React Armory is growing. Join in to be the first to experience new lessons, examples and resources.