From the course: React for Web Designers
Unlock this course with a free trial
Join today to access over 22,700 courses taught by industry experts.
React Toolbox: ES6, JSX, and more - React.js Tutorial
From the course: React for Web Designers
React Toolbox: ES6, JSX, and more
- [Instructor] Now, let's go over the React Toolbox, the specific pieces of technology you'll be using when you're working with React, especially the ones that might be a little bit new to you. First up is ECMAScript2015, also known as ES6, which is basically Modern JavaScript. There are some syntactical features and other niceties built into this new version of JavaScript that make it pretty pleasant to work with. And almost all of the React documentation is written targeting this version. You'll also see JSX, which is an extension of JavaScript. Basically resulting in HTML in your JavaScript. You'll see why we end up using JSX all the time when we're working with React as we start building things up. It makes things a lot more convenient than they would be otherwise. Next up is Babel, which is a JavaScript transpiler. That means it converts these newer and different JavaScript structures that we're writing into code that's more compatible across more browsers. So for example, it can…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
(Locked)
What is React and what is it good for?3m 3s
-
(Locked)
React Toolbox: ES6, JSX, and more2m 52s
-
(Locked)
React concepts and jargon3m 9s
-
(Locked)
Everything is components and elements2m
-
(Locked)
Our React build process47s
-
(Locked)
React and CSS: A special relationship1m 58s
-
(Locked)
Installing React Developer Tools2m 53s
-
(Locked)
-
-
-
-