Skip to content

Context Visualization aims to visualize Context-API structure. (To compare, examine the Redux Visualization)

License

Notifications You must be signed in to change notification settings

eminebozdag/context-visualization

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Context Visualization

Overview

🔗 First you can examine the project in live.

If you're new to Context, context-visualization is prepared for you to visualize React's Context structure. You can use it as functionally as you want later, but for now I'm keeping it as simple as possible so you can easily understand the logic.

Usage

It holds a message and setMessage in the MessageContext. I have provided the message and setMessage for only child1 and its subchild (can be chained as desired) components. But there is no such provide in child2. So while it is possible to update the message when clicking on child1 and its subschilds, it is not possible for child2 nor its subschilds. Do not hesitate to apply it yourself, you will be able to see the difference by trying it.

Clone & Download

Press . to review editor version.

$ git clone https://github.com/eminebozdag/context-visualization.git
$ cd context-visualization

$ yarn install
$ yarn start

About

Context Visualization aims to visualize Context-API structure. (To compare, examine the Redux Visualization)

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published