Component Communications in ReactJS

Published: 15 October 2022
on channel: Christian Hur
585
7

⭕ 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-api...
☑️ Build Clean and Secure PHP Web Apps From Scratch: https://www.udemy.com/course/build-cl...
☑️ Angular 9 New Features: https://www.packtpub.com/web-developm...
☑️ Full-Stack Web Development with Flask: https://www.packtpub.com/web-developm...
☑️ Full-Stack Web Development with Django & Angular 8: https://www.packtpub.com/web-developm...
☑️ Angular 7 New Features: https://www.packtpub.com/web-developm...
☑️ The DOM in JavaScript, jQuery, AngularJS, and React :   / the-dom-in-javascript-jquery-angularjs-and...  
☑️ Building JSF Web Applications with Java EE 7:   / building-jsf-web-applications-with-java-ee-7  
☑️ Troubleshooting Vue.js: https://www.packtpub.com/application-...

⭕ 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/...


Watch video Component Communications in ReactJS online, duration hours minute second in high quality that is uploaded to the channel Christian Hur 15 October 2022. Share the link to the video on social media so that your subscribers and friends will also watch this video. This video clip has been viewed 585 times and liked it 7 visitors.