Component Communications in ReactJS
Channel: Christian Hur
Date: 2022-10-15

⭕ Overview
In this video, we'll learn how ReactJS components communicate with each other.  In React, the flow of data is always unidirectional from the parent component down to a child component.  Normally, the single source of truth (actual state data) is stored in a class (stateful) component.  Without using React Hooks or other third-party tools, When this data needs to be consumed by another component, you have a couple of options:  (1) pass it down via the props object, (2) use React Hooks or mixins (deprecated), (3) react router, or (4) via a third party tool such as Redux.  In this video, we'll learn to use only option 1 to pass state via the props and an event handler.

⭕ Chapters
  0:00 - Introduction
  2:50 - Code explained
  5:50 - Parent to Child
  9:37 - Child to Parent
17:18 - Child to Child

⭕ About me
I am a Web instructor and author for Linkedin Learning (formerly Lynda.com), Packt, E-C Council, Udemy, and MC Press.

⭕ Visit my site: https://christianhur.com
⭕ My complete online training courses:
      ☑️ REST APIs & AJAX Operations Using Node, Express, and jQuery:  https://www.udemy.com/course/rest-apis-ajax-operations-using-node-express-and-jquery/?referralCode=A762AE70D9FD6A931F9B
      ☑️ Build Clean and Secure PHP Web Apps From Scratch:  https://www.udemy.com/course/build-clean-and-secure-php-web-apps-from-scratch/?referralCode=C200BB52F0C7153B93CC
      ☑️ Angular 9 New Features: https://www.packtpub.com/web-development/angular-9-new-features-video
      ☑️ Full-Stack Web Development with Flask: https://www.packtpub.com/web-development/full-stack-web-development-flask-video
      ☑️ Full-Stack Web Development with Django & Angular 8: https://www.packtpub.com/web-development/full-stack-web-development-with-django-and-angular-8-video
      ☑️ Angular 7 New Features:  https://www.packtpub.com/web-development/angular-7-new-features-video
      ☑️ The DOM in JavaScript, jQuery, AngularJS, and React : https://www.linkedin.com/learning/the-dom-in-javascript-jquery-angularjs-and-react
      ☑️ Building JSF Web Applications with Java EE 7:  https://www.linkedin.com/learning/building-jsf-web-applications-with-java-ee-7
      ☑️ Troubleshooting Vue.js:  https://www.packtpub.com/application-development/troubleshooting-vuejs-video

⭕ Check out my book:
Developing Business Applications for the Web: With HTML, CSS, JSP, PHP, ASP.NET, and JavaScript is available on Amazon and MC Press. 
      ☑️ Link:  https://www.mc-store.com/collections/christian-hur/products/developing-business-applications-for-the-web-with-html-css-jsp-php-asp-net-and-javascript