React with Class Components Fundamentals

1h 6m

4.3

8304

people completed

Bookmark

Download

RSS

Note: This is recorded with an older version of React and many things have changed. The core concepts are still accurate, but there are some technical differences you’ll need to work through.

This course serves as an excellent reference for React Class Components. This can be very useful for legacy code bases.

React is a "javascript library for building user interfaces" from the fine folks at Facebook & Instagram. It strictly focuses on the "V" in your MVC applications, and touts a blazing fast virtual DOM diff implementation.

This series will explore the basic fundamentals of React to get you started.

When you've finished with this series, be sure to check out React: Flux Architecture (ES6) for real-world React application development.

Instructor

Joe Maddalone

Joe is a father of five, lives in Chicago, works as a freelance web developer, shares coding tutorials on egghead.io, and codes for fun when not for work.

Course content (21 lessons)

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

illustration for React with Class Components Fundamentals

Start Watching

Instructor

Joe Maddalone

Joe is a father of five, lives in Chicago, works as a freelance web developer, shares coding tutorials on egghead.io, and codes for fun when not for work.