From the course: React Foundations by Pearson
Unlock this course with a free trial
Join today to access over 25,500 courses taught by industry experts.
Learning objectives - React.js Tutorial
From the course: React Foundations by Pearson
Learning objectives
Hello, welcome to lesson four, using JSX. This is a very exciting lesson. I'm going to show you how to use JSX to dramatically simplify the code that you write in React applications. So, in a nutshell, JSX stands for JavaScript XML. And what you can do is you can actually embed XML code directly into your JavaScript to make it easier to render the user interface. So you'll have, instead of having files called like some file dot JS, you'll have some file dot JSX. It'll contain JavaScript code for application logic, like if statements and loops and functions and such like, plus embedded it'll contain XML to represent the user interface. So when you want to render an h1 for example, instead of saying react. createElement h1, you can just say h1 using XML syntax and it gives you a much more concise syntax. So once we've covered JSX in this lesson, we will be using JSX forever into the future. So let's go!
Contents
-
-
-
-
-
-
(Locked)
Learning objectives1m 21s
-
(Locked)
Getting started with JSX6m 40s
-
(Locked)
Creating a simple user interface via JSX13m 27s
-
(Locked)
Evaluating JavaScript expressions in JSX7m 4s
-
(Locked)
Data-driven JSX10m 52s
-
(Locked)
Passing properties to a component via JSX12m 56s
-
(Locked)
Additional JSX techniques16m 44s
-
(Locked)
Lab: using JSX9m 47s
-
(Locked)
Lab solution: Using JSX5m 24s
-
(Locked)
-
-
-
-
-
-
-
-
-