Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll
Well done!
You have completed React Basics!
You have completed React Basics!
Preview
JSX is a syntax extension to the JavaScript language that uses a markup-like syntax to create React elements. Most React developers write their UI using JSX because it resembles writing HTML.
Resources
Related Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign upRelated Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign up
You create your UI as individual,
self-contained components.
0:00
Instead of starting with components,
let's begin by understanding
0:02
how React creates and
updates HTML elements in your UI.
0:07
So to better understand how React creates
UI, we're going to begin using JSX
0:12
to create React elements, which are the
smallest building blocks of React apps.
0:17
JSX is a syntax extension for
JavaScript that allows us to write
0:23
HTML-like code directly
within our JavaScript files.
0:28
You need to sign up for Treehouse in order to download course files.
Sign upYou need to sign up for Treehouse in order to set up Workspace
Sign up