All Projects → reactext → reactext

reactext / reactext

Licence: MIT license
A devTool that allows for easy state management and tracking of Provider/Consumer relationships when using React's Context API

Programming Languages

javascript
184084 projects - #8 most used programming language
CSS
56736 projects
HTML
75241 projects

Projects that are alternatives of or similar to reactext

use-global-hook
Painless global state management for React using Hooks and Context API in 1KB!
Stars: ✭ 54 (+350%)
Mutual labels:  context-api
scroll-sync-react
A scroll syncing library for react that is up to date
Stars: ✭ 49 (+308.33%)
Mutual labels:  context-api
react-formular
This libraray is an experimental approach to bind forms and its inputs and editors together using the new React Context API. It aims to be fully customizable and composable. It´s only a set of Higher-Order-Components. Because of the decoupled nature, Middlewares makes it easy to build custom Validations, Security Guards and other data interceptors.
Stars: ✭ 43 (+258.33%)
Mutual labels:  context-api
context
Tiny, type-safe, JavaScript-native `context` implementation
Stars: ✭ 18 (+50%)
Mutual labels:  context-api
React Native Debugger
The standalone app based on official debugger of React Native, and includes React Inspector / Redux DevTools
Stars: ✭ 9,052 (+75333.33%)
Mutual labels:  react-devtools
MonsterJS
MonsterJS - a game for learning JavaScript DOM Selectors while playing!
Stars: ✭ 26 (+116.67%)
Mutual labels:  context-api
les-chat
Real-time messenger with private, public & group chat. Made using PERN + GraphQL stack.
Stars: ✭ 48 (+300%)
Mutual labels:  context-api
README-ecoleta
🎁 Três modelos de README com o Projeto criados para o blog da @Rocketseat 🚀
Stars: ✭ 179 (+1391.67%)
Mutual labels:  context-api
Reactopt
A CLI React performance optimization tool that identifies potential unnecessary re-rendering
Stars: ✭ 1,975 (+16358.33%)
Mutual labels:  react-devtools
web-components-hooks-demo
web components hooks demo
Stars: ✭ 17 (+41.67%)
Mutual labels:  context-api
reddit-clone
Full stack Reddit clone with nodejs and react native.
Stars: ✭ 69 (+475%)
Mutual labels:  context-api
MythologyOfReactJs
This repository is actually a reactjs tutorial repository. Each repository is named after a mythical god.
Stars: ✭ 13 (+8.33%)
Mutual labels:  context-api
react-hello-webapp
Professional Boilerplate for React Web Applications built by 4GeeksAcademy Students
Stars: ✭ 42 (+250%)
Mutual labels:  context-api
hero
A superhero encyclopaedia made in React Native. Pulls from the SuperHeroAPI & ComicVine API
Stars: ✭ 53 (+341.67%)
Mutual labels:  context-api
temperjs
State management for React, made simple.
Stars: ✭ 15 (+25%)
Mutual labels:  context-api
pokehooks-labs
A laboratory to use pokemons and do some experiments with React Hooks API
Stars: ✭ 35 (+191.67%)
Mutual labels:  context-api
codewonders
😎 Adenekan Wonderful's Website
Stars: ✭ 37 (+208.33%)
Mutual labels:  context-api
react-passage
Link and Redirect to routes safely in your react applications 🌄
Stars: ✭ 61 (+408.33%)
Mutual labels:  context-api
react-without-redux
React State Management without Redux
Stars: ✭ 33 (+175%)
Mutual labels:  context-api
Blog-React-Hook-Tutorial
This is a beginner tutorial for react hooks I have written in dev.to and Medium
Stars: ✭ 21 (+75%)
Mutual labels:  context-api

Reactext

Reactext allows for easy state management in applications using React's Context API.

Set up

  1. Install from Chrome Store: Install Reactext from the Chrome web store.

  2. Make sure you've added React Dev Tools from the Chrome web store.

How to track Consumer / Provider relationships

  1. Install npm 'reactext-devtool' into your application:
    npm install --save reactex-devtool

  2. Next import Reactext into your React application before using React Context:
    import Reactext from 'reactext-devtool'

  3. Pass React variable into Reactext and call the function to initiate tracking:
    Reactext(React);

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].