Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/diegohaz/awesome-react-context
π A curated list of stuff related to the new React Context API
https://github.com/diegohaz/awesome-react-context
List: awesome-react-context
awesome awesome-list codesandbox react react-context state-management
Last synced: about 1 month ago
JSON representation
π A curated list of stuff related to the new React Context API
- Host: GitHub
- URL: https://github.com/diegohaz/awesome-react-context
- Owner: diegohaz
- Created: 2018-02-20T01:00:17.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2023-01-23T08:58:40.000Z (almost 2 years ago)
- Last Synced: 2024-05-20T03:57:41.579Z (6 months ago)
- Topics: awesome, awesome-list, codesandbox, react, react-context, state-management
- Language: JavaScript
- Size: 37.1 KB
- Stars: 917
- Watchers: 21
- Forks: 46
- Open Issues: 2
-
Metadata Files:
- Readme: readme.md
- Contributing: contributing.md
- Code of conduct: code-of-conduct.md
Awesome Lists containing this project
- ultimate-awesome - awesome-react-context - π A curated list of stuff related to the new React Context API. (Other Lists / PowerShell Lists)
README
# Awesome React Context [](https://github.com/sindresorhus/awesome)
> A curated list of stuff related to the new [React Context API](https://reactjs.org/docs/context.html)
Featured π₯
Constate, a state management library using React Context
## Videos
- [**Use the new React Context API**](https://egghead.io/lessons/react-use-the-new-react-context-api) by [Andrew Van Slaars](https://twitter.com/avanslaars) (paid)
- [**Heres how React's New Context API Works**](https://www.youtube.com/watch?v=XLJN4JfniH4) by [Wes Bos](https://twitter.com/wesbos)
- [**React's All New Context API**](https://www.youtube.com/watch?v=9Ilq6G-VMyQ) by [Harry Wolff](https://twitter.com/hswolff)
- [**What's New in React 16.3.0**](https://www.youtube.com/watch?v=WhWqy-vxKS8) by [Elijah Manor](https://twitter.com/elijahmanor)
## Articles
- [**React v16.3.0: New lifecycles and context API**](https://reactjs.org/blog/2018/03/29/react-v-16-3.html) by [Brian Vaughn](https://twitter.com/brian_d_vaughn/) (official)
- [**React Context API Blogs**](https://kentcdodds.com/blog?q=context) by [Kent C. Dodds](https://twitter.com/kentcdodds)
- [**Whatβs new in React 16.3**](https://medium.com/@baphemot/whats-new-in-react-16-3-d2c9b7b6193b) by [Bartosz SzczeciΕski](https://twitter.com/btmpl)
- [**Replacing redux with the new React context API**](https://medium.com/@DidierFranc/replacing-redux-with-the-new-react-context-api-8f5d01a00e8c) by [Didier FRANC](https://twitter.com/didierfranc)
- [**React's new context API: toggle between local and global state**](https://medium.freecodecamp.org/reacts-new-context-api-how-to-toggle-between-local-and-global-state-c6ace81443d0) by [Diego Haz](https://twitter.com/diegohaz)
## Examples
- [**compare-react-state-management**](https://github.com/robertgonzales/compare-react-state-management) - React createContext vs Apollo vs MobX vs Redux in a simple todo app.
- [**ThemeContext**](https://codesandbox.io/s/n4r0qq898j) - CodeSandbox example using React v16.3.0-alpha.0.
- [**Themer**](https://codesandbox.io/s/n5pk7613xm) - React Context demo on CodeSandbox.
## Libraries
- [**react-create-context**](https://github.com/jamiebuilds/create-react-context) - Polyfill for the proposed React context API.
- [**react-contextual**](https://github.com/drcmda/react-contextual) - Tiny helper around React's new context API.
- [**react-broadcast**](https://github.com/ReactTraining/react-broadcast/tree/next) - Reliably communicate state changes to deeply nested React elements.
- [**react-composer**](https://github.com/jamesplease/react-composer) - Prevents deeply nested code when consuming multiple contexts at the same time.
- [**react-connect-context**](https://github.com/Contiamo/react-connect-context) - Redux-style connector that maps context-based objects onto a component's props.
- [**react-waterfall**](https://github.com/didierfranc/react-waterfall) - React store built on top of the new context API.
- [**react-redux**](https://github.com/reduxjs/react-redux) - A Context based library for integrating React with Redux.
- [**react-zedux**](https://github.com/bowheart/react-zedux) - Create consumable contexts from observables, including Zedux/Redux stores.
- [**react-translations-provider**](https://github.com/hyogman/react-translations-provider) - Setup and access a global set of translations and current locale via a context provider.
- [**with-context**](https://github.com/SunHuawei/with-context) - Decorator for new React Context API.
- [**constate**](https://github.com/diegohaz/constate) - React Context + State = constate.
- [**react-motive**](https://github.com/colevoss/react-motive) - Small wrapper around the React Context API with actions/dispatch style state management.
- [**react-loadable-context**](https://github.com/crubier/react-loadable-context) - Small wrapper around the React Context API to asynchronously load and inject objects into the context.
- [**unstated**](https://github.com/jamiebuilds/unstated) - A tiny dependency that provides a handy wrapper around the Context API for dependency injection.
- [**react-storage-context**](https://github.com/giannif/react-storage-context) - Handy util for getting/setting local storage and session storage built on the Context API.
- [**dakpan**](https://github.com/houfio/dakpan) - A small React state management library using the new React context.
- [**react-context-connector**](https://github.com/BrOrlandi/react-context-connector) - React HOC to the new Context API to keep the use as simple as React-Redux connect HOC.
- [**react-zap**](https://github.com/troch/react-zap) - Zap props from one React component to another, using React new context API and your existing higher-order components.
- [**react-providers**](https://github.com/xnimorz/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**](https://github.com/dai-shi/react-context-global-state) - A wrapper library around the Context API to define global state without explicitly using `class` components.
- [**folio**](https://github.com/jalal246/folio) - A dynamic form manage form global state and CSS grid using context.
- [**react-combine-reducer**](https://github.com/hlhr202/React-Combine-Provider) - Function that merge context providers in ease. Supports [**constate**](https://github.com/diegohaz/constate) and [**unstated-next**](https://github.com/jamiebuilds/unstated-next) in a simple way.
## Contribute
Contributions welcome! Read the [contribution guidelines](contributing.md) first.
## License
[](http://creativecommons.org/publicdomain/zero/1.0)
To the extent possible under law, diegohaz has waived all copyright and
related or neighboring rights to this work.