Join Eve Porcello for an in-depth discussion in this video Preprocessing JSX with Babel, part of Learning React.js (2016).
The way that it works…is that if we use some sort of emerging syntax,…something like a JSX tag, it's going to transpile it…into something that the browser can use right away.…So we go from JSX tag to a createElement function call.…Now, if you're interested in learning more…about these features,…you can go to the babeljs website.…You can click on the link that says "Try it out,"…and this is going to allow you to…try out any of these features.…So I could type in my JSX tag, as I've done here,…ul, li, and it's going to convert it…into these createElement calls.…
- What is React.js?
- Introducing JSX
- Creating a React component
- Handling events
- Using state
- Working with PropTypes
- Adding child elements
- Mounting and updating components
- Creating a React.js app
Skill Level Beginner
Building a Web Interface with React.jswith Ray Villalobos1h 21m Intermediate
1. What Is React.js?
2. Getting Started
3. React Components
4. Props and State
5. Enhancing Components
6. Creating an App
Using create-react-app4m 38s
Next steps1m 4s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.