Course

React with Class Components Fundamentals

1
Use create-react-app to Setup a Simple React App
3m 14s
2
Write a "Hello World" React Component
2m 45s
3
Display Output in React with a Component's render Method
1m 20s
4
Set Properties on React Components
2m 29s
5
Manage React Component State with setState
2m 28s
6
Use React Components as Children for Other Components
1m 33s
7
Access Nested Data with Reacts props.children
1m 33s
8
Add Custom propType Validation to React Components
2m 12s
9
Normalize Events with Reacts Synthetic Event System
2m 45s
10
Use React ref to Get a Reference to Specific Components
4m 49s
11
Understand the React Component Lifecycle Methods
4m 19s
12
Manage React Component State with Lifecycle Methods
1m 58s
13
Control React Component Updates When New Props Are Received
3m 30s
14
Use map to Create React Components from Arrays of Data
4m 18s
15
Compose React Component Behavior with Higher Order Components
4m 5s
16
Build a JSX Live Compiler as a React Component
5m 9s
17
Understand JSX at a Deeper Level
4m 28s
18
Understand React.Children Utilities
2m 40s
19
Use React.cloneElement to Extend Functionality of Children Components
2m 14s
20
Write More Reusable React Components with Composable APIs
4m 41s
21
Debug React Components with Developer Tools in Chrome
4m 14s

⚠️ This lesson is retired and might contain outdated information.

Write a "Hello World" React Component

InstructorJoe Maddalone

Share this video with your friends

Send Tweet

This lessons goes over what it takes to get React to output simple text to the browser such as Hello Eggheads. This lesson will also introduce stateless functional components. React uses JSX which is a "JavaScript syntax extension that looks similar to XML." While this is not required to use with React, it is highly recommended.

View code for this lesson

React with Class Components Fundamentals

Write a "Hello World" React Component

Social Share Links