Sale!

React Explained

$49.00

Learn React from Clear Explanations & Guided Practice.

NOTE: This course is available as a bundle with the React Explained Book that goes into more depth explaining each topic.  I recommend getting the bundle, because the book explains things the videos do not!

SKU: REACTCOURSE Categories: ,

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]

You may also like…