Thinking in React: JSX Deep Dive

Andrew Burgess

Andrew BurgessDec 14, 2016

FREELessons: 2Length: 15 minutes

React ES6 JavaScript ECMAScript 2015 Front-End

Next lesson playing in 5 seconds

Thinking in React: JSX Deep Dive

Introduction

00:37

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

1.1
Introduction
00:37

1.2
Thinking in React: JSX Deep Dive
14:44

Andrew Burgess

Hi! I'm Andrew Burgess, and I'm a connoisseur of all things programming. I'm from near Toronto, Canada, and I've been fooling around with computers for nearly my whole life, both hardware and software. Right now, I'm finishing up a computer science degree. For almost a decade now, I've been playing around with over a dozen programming languages on several different platforms, from JavaScript to Java, from Ruby to Befunge. My favourite has always been JavaScript. I've always enjoyed writing, so when I discovered Tuts+ in 2009, I was excited to start writing tutorials. Since then, I've been writing tutorials and producing screencasts for Tuts+. Right now, I'm a course instructor and I produce mostly JavaScript-related courses. Maybe you've seen Building a Web App from Scratch with Angular.js or Node.js from Scratch; that's me! I've also written a few ebooks, like Getting Good with Git, Getting Good with JavaScript, and, more recently, Backbone.js Blueprints.

Unlimited Downloads
From $16.50/month

Get access to over one million creative assets on Envato Elements.

Over 9 Million Digital Assets

Everything you need for your next creative project.

Create Beautiful Logos, Designs
& Mockups in Seconds

Design like a professional without Photoshop.

Join the Community

Share ideas. Host meetups. Lead discussions. Collaborate.

Quick LinksExplore popular categories