/reactComponentsTalk

Documentation to refer the react Components Communication under certain conditions

Primary LanguageHTML

Component Communication in ReactJs

There are 8 types of communication in ReactJs with use of plain JS or simple React Concepts. In this document you can find the sample code for all of this types of communication.

Types of Communication flows covered :

  • Parent to Child

    • Props branch : parentToChild__props
    • Instance methods branch : parentToChild__instanceMethods

  • Child to parent

    • Call Back branch : childToParent__Callback
    • Event Bubbling branch : childToParent__eventBubbling

  • Sibling to sibling (Via parent Component) branch : siblingToSibling

  • Any to Any

    • Observer Patterns branch :
    • Global Variables branch :
    • Context branch :

Raise a PR if you want to correct or Suggest, Thanks

To Run

Clone or Download the repo, goto the root folder and type

npm install

and after installation type

npm start

open http://localhost:3000