React Tutorial - Learn React JS - Course Lessons #4 - Props and Lifting the State Up - Learn ReactJS

React terms : Props, passing props to React Components, Lifting the state up, Difference between props and state, Single source of truth.

Define multiple components in React and pass props between them. Learn the concept of Lifting the State up and Single Source of Truth.
Single Source of truth and Lifting the state up are very important React concepts and extensively used.
With Sample Codes and Exercises, do the exercises and understand the code in detail of how to define parent and child components and use props to pass values and functions.
Learn complete React in this video tutorial series. A must watch for all ReactJS beginners and learners. With lots of samples, code, practice questions and projects, learn and master React and become an awesome front end developer.
00:00 Props in React
02:24 Sample Code - CountingMachine
12:20 React Developer Tools
14:29 Passing functions as Props
15:09 Sample Code - Delete Counter
20:10 Sample Code - Reset All Counters
23:32 Lifting the State Up
24:41 Sample Code - Fixing Reset All Counters
31:22 Exercise 1 - Photo App with Props and Single Source of truth
52:07 Exercise 2 - Visitor App with Props and Lifting the State Up

Exercises to do after this lesson
Exercise 1 : https://www.youtube.com/watch?v=1MR0VBx33uk

Complete React Lessons and ReactJS playlist -
https://www.youtube.com/playlist?list=PLC8jf7P7lrixhadKw5_hc0jjaPPMroUyC

#react tutorial #react