Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/tkssharma/react-16.x-full-training-2020

πŸ’»πŸ‘¨β€πŸ«πŸ“• React JS Full 30 Hours Training πŸ’»πŸ‘¨β€πŸ«πŸ“•
https://github.com/tkssharma/react-16.x-full-training-2020

react react-native react-router redux

Last synced: about 1 month ago
JSON representation

πŸ’»πŸ‘¨β€πŸ«πŸ“• React JS Full 30 Hours Training πŸ’»πŸ‘¨β€πŸ«πŸ“•

Awesome Lists containing this project

README

        

# Awesome React Context [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](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’s new Context API**](https://medium.com/dailyjs/reacts-%EF%B8%8F-new-context-api-70c9fe01596b) 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)
- [**The Future of State in React**](https://jwheatley.co/the-future-of-state-in-react/) by [Juwan Wheatley](https://twitter.com/fiber_god)
- [**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.
- [**React-State**](https://gist.github.com/antoaravinth/4f46a70343ba6b9ef4109a7ab944189e) - React state using Context API, similar to redux with `connect`, `Provider` API.

## 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-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.
- [**observed-bits**](https://github.com/philosaf/observed-bits) - A tiny library that helps to avoid unnecessary re-renders of all Consumers.
- [**folio**](https://github.com/jalal246/folio) - A dynamic form manage form global state and CSS grid using context.

## Contribute

Contributions welcome! Read the [contribution guidelines](contributing.md) first.

## License

[![CC0](http://mirrors.creativecommons.org/presskit/buttons/88x31/svg/cc-zero.svg)](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.