Giter Club home page Giter Club logo

awesome-react-context's Introduction

Awesome React Context Awesome

A curated list of stuff related to the new React Context API



Featured 🔥
Constate, a state management library using React Context



Videos

Articles

Examples

  • compare-react-state-management - React createContext vs Apollo vs MobX vs Redux in a simple todo app.
  • ThemeContext - CodeSandbox example using React v16.3.0-alpha.0.
  • Themer - React Context demo on CodeSandbox.
  • React-State - React state using Context API, similar to redux with connect, Provider API.

Libraries

  • react-create-context - Polyfill for the proposed React context API.
  • react-contextual - Tiny helper around React's new context API.
  • react-broadcast - Reliably communicate state changes to deeply nested React elements.
  • react-composer - Prevents deeply nested code when consuming multiple contexts at the same time.
  • react-connect-context - Redux-style connector that maps context-based objects onto a component's props.
  • react-waterfall - React store built on top of the new context API.
  • react-redux - A Context based library for integrating React with Redux.
  • react-zedux - Create consumable contexts from observables, including Zedux/Redux stores.
  • react-translations-provider - Setup and access a global set of translations and current locale via a context provider.
  • with-context - Decorator for new React Context API.
  • constate - React Context + State = constate.
  • react-motive - Small wrapper around the React Context API with actions/dispatch style state management.
  • react-loadable-context - Small wrapper around the React Context API to asynchronously load and inject objects into the context.
  • unstated - A tiny dependency that provides a handy wrapper around the Context API for dependency injection.
  • react-storage-context - Handy util for getting/setting local storage and session storage built on the Context API.
  • dakpan - A small React state management library using the new React context.
  • react-context-connector - React HOC to the new Context API to keep the use as simple as React-Redux connect HOC.
  • react-zap - Zap props from one React component to another, using React new context API and your existing higher-order components.
  • react-providers - A small library that creates a centralized place to store (like Redux store) your context components and HOC to use it. Automatically resolves dependencies between your context components.
  • react-context-global-state - A wrapper library around the Context API to define global state without explicitly using class components.
  • observed-bits - A tiny library that helps to avoid unnecessary re-renders of all Consumers.
  • folio - A dynamic form manage form global state and CSS grid using context.

Contribute

Contributions welcome! Read the contribution guidelines first.

License

CC0

To the extent possible under law, diegohaz has waived all copyright and related or neighboring rights to this work.

awesome-react-context's People

Contributors

antsmartian avatar bowheart avatar brorlandi avatar colevoss avatar crubier avatar dai-shi avatar danya avatar diegohaz avatar eddiecooro avatar elijahmanor avatar elrumordelaluz avatar giannif avatar gnapse avatar houfio avatar hswolff avatar ieschalier avatar jalal246 avatar jamesplease avatar sunhuawei avatar troch avatar webwelten avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.