Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m
Lessons:2Length:15 minutes

Next lesson playing in 5 seconds


Free Preview: Thinking in React: JSX Deep Dive


  • Overview
  • Transcript

If you're just getting started with React, you might not be happy about learning its template language: JSX. However, JSX is really just a simple syntax extension to JavaScript. With JSX, you can easily build up large DOM structures for your components, all in easy-to-write, near-JavaScript syntax.

In this quick Coffee Break Course, instructor Andrew Burgess will give you a look at the ins and outs of using both native HTML elements and custom React components. You'll compare JSX with the JavaScript into which it compiles, and you'll learn all the fundamentals of coding with JSX!

We've built comprehensive guides to help you learn JavaScript and React, whether you're just getting started or you want to explore more advanced topics.

1.Thinking in React: JSX Deep Dive
2 lessons, 15:21

Free Lesson

Thinking in React: JSX Deep Dive

1. Thinking in React: JSX Deep Dive

1.1 Introduction

[SOUND] If you've been thinking about learning the React JavaScript library you might worry that it looks like you need to learn a whole other templating language, JSX. But that's actually not the case. JSX is simply a syntax extension for JavaScript that makes building HTML structures in your JavaScript much simpler. Hi, I'm Andrew Burgess, and in this Tuts+ Coffee Break course we're gonna take a look at JSX. I think you'll find that in just a few minutes you'll know everything you need to know about using JSX and React in your web applications.