Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/xnimorz/dependencyinjectioninreact-materials

Материалы к докладу DI в React
https://github.com/xnimorz/dependencyinjectioninreact-materials

Last synced: about 1 month ago
JSON representation

Материалы к докладу DI в React

Awesome Lists containing this project

README

        

# Dependency Injection in React

GoogleDocs presentation:

Русский язык: https://docs.google.com/presentation/d/1_XP4jollXXoEJ8fd5edDPZiB3u3GKrt5qPkZ5gQ6_As/edit

English: https://docs.google.com/presentation/d/1SsjPDlUBcCVUxKrogklcbvO-sE0l8BU_Wvs1ZgB9UEY/edit?usp=sharing

## Useful links:

[Detailed explanation of the new React context](https://hackernoon.com/detailed-explanation-of-the-new-react-context-7d3c71185163)

### Examples from the presentation:

[Context is global](https://codesandbox.io/s/context-is-global-2qssv)

[Context override](https://codesandbox.io/s/override-context-pig1x)

[Context influence to components](https://codesandbox.io/s/context-influences-to-components-jsmeu)

[Context usage as business and\or data layer. Context optimization](https://codesandbox.io/s/contextoptimizationfordatalayer-2qnvt)

### Bonus example:

[Dependency between context changes and components tree depth](https://codesandbox.io/s/context-propagation-base-4ymjf)

### Tools for context:

[Context optimization through calculateChangedBits](https://github.com/theKashey/react-shallow-context)

[Context dependencies resolver](https://github.com/xnimorz/react-providers)

[State library via context](https://github.com/diegohaz/constate)

### My twitter :)

[@xnimorz](https://twitter.com/xnimorz)