{"id":13493797,"url":"https://github.com/diegohaz/awesome-react-context","last_synced_at":"2025-10-12T04:32:16.987Z","repository":{"id":44599074,"uuid":"122140699","full_name":"diegohaz/awesome-react-context","owner":"diegohaz","description":"😎 A curated list of stuff related to the new React Context API","archived":false,"fork":false,"pushed_at":"2023-01-23T08:58:40.000Z","size":38,"stargazers_count":917,"open_issues_count":2,"forks_count":46,"subscribers_count":21,"default_branch":"master","last_synced_at":"2024-05-20T03:57:41.579Z","etag":null,"topics":["awesome","awesome-list","codesandbox","react","react-context","state-management"],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":false,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/diegohaz.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":"contributing.md","funding":null,"license":null,"code_of_conduct":"code-of-conduct.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2018-02-20T01:00:17.000Z","updated_at":"2024-05-14T11:11:17.000Z","dependencies_parsed_at":"2023-02-12T21:35:15.591Z","dependency_job_id":null,"html_url":"https://github.com/diegohaz/awesome-react-context","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/diegohaz%2Fawesome-react-context","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/diegohaz%2Fawesome-react-context/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/diegohaz%2Fawesome-react-context/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/diegohaz%2Fawesome-react-context/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/diegohaz","download_url":"https://codeload.github.com/diegohaz/awesome-react-context/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":219877389,"owners_count":16554867,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["awesome","awesome-list","codesandbox","react","react-context","state-management"],"created_at":"2024-07-31T19:01:18.887Z","updated_at":"2025-10-12T04:32:11.699Z","avatar_url":"https://github.com/diegohaz.png","language":"JavaScript","readme":"# Awesome React Context [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome)\n\n\u003e A curated list of stuff related to the new [React Context API](https://reactjs.org/docs/context.html)\n\n\u003cbr\u003e\n\u003chr\u003e\n\u003cp align=\"center\"\u003e\n\u003cstrong\u003eFeatured\u003c/strong\u003e 🔥\u003cbr\u003e\n  \u003ca href=\"https://github.com/diegohaz/constate\"\u003e\u003cstrong\u003eConstate\u003c/strong\u003e, a state management library using React Context\u003c/a\u003e\u003c/p\u003e\n\u003chr\u003e\n\u003cbr\u003e\n\n## Videos\n\n- [**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)\n- [**Heres how React's New Context API Works**](https://www.youtube.com/watch?v=XLJN4JfniH4) by [Wes Bos](https://twitter.com/wesbos)\n- [**React's All New Context API**](https://www.youtube.com/watch?v=9Ilq6G-VMyQ) by [Harry Wolff](https://twitter.com/hswolff)\n- [**What's New in React 16.3.0**](https://www.youtube.com/watch?v=WhWqy-vxKS8) by [Elijah Manor](https://twitter.com/elijahmanor)\n\n\n## Articles\n\n- [**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)\n- [**React Context API Blogs**](https://kentcdodds.com/blog?q=context) by [Kent C. Dodds](https://twitter.com/kentcdodds)\n- [**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)\n- [**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)\n- [**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)\n\n\n## Examples\n\n- [**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.\n- [**ThemeContext**](https://codesandbox.io/s/n4r0qq898j) - CodeSandbox example using React v16.3.0-alpha.0.\n- [**Themer**](https://codesandbox.io/s/n5pk7613xm) - React Context demo on CodeSandbox.\n\n\n## Libraries\n\n- [**react-create-context**](https://github.com/jamiebuilds/create-react-context) - Polyfill for the proposed React context API.\n- [**react-contextual**](https://github.com/drcmda/react-contextual) - Tiny helper around React's new context API.\n- [**react-broadcast**](https://github.com/ReactTraining/react-broadcast/tree/next) - Reliably communicate state changes to deeply nested React elements.\n- [**react-composer**](https://github.com/jamesplease/react-composer) - Prevents deeply nested code when consuming multiple contexts at the same time.\n- [**react-connect-context**](https://github.com/Contiamo/react-connect-context) - Redux-style connector that maps context-based objects onto a component's props.\n- [**react-waterfall**](https://github.com/didierfranc/react-waterfall) - React store built on top of the new context API.\n- [**react-redux**](https://github.com/reduxjs/react-redux) - A Context based library for integrating React with Redux.\n- [**react-zedux**](https://github.com/bowheart/react-zedux) - Create consumable contexts from observables, including Zedux/Redux stores.\n- [**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.\n- [**with-context**](https://github.com/SunHuawei/with-context) - Decorator for new React Context API.\n- [**constate**](https://github.com/diegohaz/constate) - React Context + State = constate.\n- [**react-motive**](https://github.com/colevoss/react-motive) - Small wrapper around the React Context API with actions/dispatch style state management.\n- [**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.\n- [**unstated**](https://github.com/jamiebuilds/unstated) - A tiny dependency that provides a handy wrapper around the Context API for dependency injection.\n- [**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.\n- [**dakpan**](https://github.com/houfio/dakpan) - A small React state management library using the new React context.\n- [**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.\n- [**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.\n- [**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.\n- [**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.\n- [**folio**](https://github.com/jalal246/folio) - A dynamic form manage form global state and CSS grid using context.\n- [**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.\n\n\n## Contribute\n\nContributions welcome! Read the [contribution guidelines](contributing.md) first.\n\n\n## License\n\n[![CC0](http://mirrors.creativecommons.org/presskit/buttons/88x31/svg/cc-zero.svg)](http://creativecommons.org/publicdomain/zero/1.0)\n\nTo the extent possible under law, diegohaz has waived all copyright and\nrelated or neighboring rights to this work.\n","funding_links":[],"categories":["JavaScript","Other Lists"],"sub_categories":["TeX Lists"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdiegohaz%2Fawesome-react-context","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdiegohaz%2Fawesome-react-context","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdiegohaz%2Fawesome-react-context/lists"}