Course Outline

Introduction to React [18:19]

• A High Level Overview of React [11:45]
• Getting Setup [3:03]
• Prettier Code Formatter [2:08]
• React Developer Tools [1:09]
• The Entire React Library [3:14]

 

React Elements and Components [20:36]

• Create a React Element [4:33]
• Element Settings [4:13]
• Creating Components [4:51]
• Elements in Components [5:06]
• Fragments and Nested Components [3:23]
• Create Element Tip [1:53]

 

JSX Explained [24:30]

• What is JSX? [5:19]
• JSX Attributes [2:54]
• Using JavaScript in JSX [5:38]
• Nesting with JSX [3:31]
• Fragments and JSX [4:18]
• Arrow Function Component Syntax [2:50]

 

Create React App [31:42]

• Create React App Explained [3:15]
• Setting Up Create React App [9:18]
• The Start Command [4:23]
• The Build Command [5:21]
• The Test Command [2:00]
• The Eject Command [4:29]
• Using Another Create React App Project [2:56]

 

Props Explained [36:35]

• Introduction to Props [6:36]
• Working More with Props [3:09]
• Creating Your Own Components with Props [5:11]
• Spreading and Destructuring Props [7:27]
• More Practice with Spreading and Destructuring Props [6:57]
• Organizing Components Into Separate Files [7:15]

 

Component State [29:50]

• Adding State to a Component [5:32]
• Updating State with setState [5:11]
• Using and Updating State in Child Components [6:42]
• More Practice with State, setState and Props [7:34]
• Making State Persistent with Local Storage [4:51]

 

The Component Lifecycle [36:55]

• The Component Lifecycle [3:27]
• getDerivedStateFromProps [6:16]
• componentDidMount [6:12]
• shouldComponentUpdate [7:17]
• componentDidUpdate [7:09]
• componentWillUnmount [6:34]

An Introduction to a React Project [3:31]