Join Eve Porcello for an in-depth discussion in this video What is a React component?, part of Learn React.js: The Basics (2015).
- In the previous video,…we created a React component called Hello World…that displays data in a div.…We created the new nodes, the dv, h1, and the p,…all of which map to createElement functions…when preprocessed.…React components are compostable…which simply means that our user interface…is comprised of different components.…So for example, when I pull up a website…that contains React code,…I first notice the React logo here.…
Then when I open up our React developer panel,…we'll see that the page is just a collection of components.…Each node here represents a different component.…Since these components are modular,…it's easy to find examples of websites…that use React for specific features of their site.…If you go to this site here, airbnb.com,…and you open up the React panel again,…you're going to notice that they're just using React…for the search form.…
So if I scroll down,…this search form is using React.…Also on the search results page,…pulling up our developer panel again,…will show us that they're using React…
- What is React.js?
- Introducing JSX
- Creating a React component
- Handling events
- Using state
- Defining parent/child relationships
- Adding child elements
- Mounting and updating components
- Creating a React.js app
Skill Level Beginner
Q: This course was updated on 02/17/2016. What changed?
A: We updated five tutorials to work with React.js 0.14.4, which was released in December 2015. This includes the "Creating a React component" video and the "Creating an App" chapter of the course.