Is it correct to use React `context` to access model mutators in an application without a thread?

Question

I am starting a new React application, and seeing all the news in the ecosystem, I want to go slowly and actually consider my options, starting with just React / Webpack / Babel and presenting more.

The first of these options is to use Flux or not (more precisely, Redux, which looks great and seems to have won the flux war). This is where I am:

• I understand the benefits of Redux, summed up SO on Dan Abramov . They look great, but I would rather introduce things one step at a time.
• In simple response mode, the parent connection> child connection is performed using props, and the child → parent connection occurs with callbacks. See Doc / Communication between components or SO / Child for parent communication in React (JSX) without flux , or this Codeacademy Redux tutorial , which starts with “there is no need for Redux if you're fine with simple React and that's it your data in the root component. "
  • Which looks just fine for my purpose ...
  • ... however , the sad part is that these callbacks must be passed along a chain of components that quickly becomes tedious as nesting levels increase .

To solve this problem without introducing new dependencies, I found two articles ( 1: Andrew Farmer , 2: Hao Chuan ), encouraging the use of the recently introduced React context function .

→ Using contextwould allow me to call my modifier models back to my child components. For me, this does not seem like a terrible abuse: I will not pass on the model data, but simply links to functions to bind to event handlers.

• Does this sound normal?
• Any other open-real offer for convenient child → parent communication?

Thank.

Answer 1

Redux, .

, , : Redux Context ( , ). ( ) react-redux <Provider> connect().

• , 24 - Store Down , Todo Redux . ( 1. testability/mockability, 2. , " , " ), .

• , , 25 - , Context Redux .

• 26 - Store Down <Provider> response-redux, , react-redux.

• 27 - connect() React Redux .

Answer 2

, , , Angular. Angular DOM, , , , , DOM .

this.context DI. w.r.t Angular , , , childContextTypes , , this.context.

, this.context , , Angular . , , .

, . , , , , . .