⭕ 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
0 Comments