2

useContext, Context similar a Redux [EN][ES]

<h3>Context -official information-</h3>

The context for React is a small store that works with a provider that wraps the whole application, so every component in the React tree will be connected. Its usage is the solution to passing props through a lot of components. You can create multiply contexts

It is composed of several methods, like create.Context, that would be where the data resides; then Context.Provider, wraps, and is linked to the whole App; Context.Type, it specifies the context type you want to link; Context.Consumer, it subscribes the sate whished to change, it’s default value will be the closest context.Provider assigned otherwise, it will be the one assigned to create.Context(); Context.displayName, it assign a name to your Context created.

Now you have an idea of what Context is and how it works, but that’s not all there is a specific hook React gives to us to use Context or multiple Contexts. There is a case where you don’t want to use Context, for example, if the states to listen are few, React talks about it in this link.

<h3>UseContext -official information-</h3>

Use Context combined two methods from Context before Hooks, which are context type and context consumer.

Basically, useContext(MyContext) used in a component, will subscribe to the closest provider so when this changes it will update the component.
[ES]

<h3>Contexto [-información oficial-] (https://reactjs.org/docs/context.html)</h3>

El contexto de React es una pequeña tienda que trabaja con un proveedor que envuelve toda la aplicación, por lo que todos los componentes del árbol de React estarán conectados. Su uso es la solución para pasar accesorios a través de muchos componentes. Puedes crear múltiples contextos

Está compuesto por varios métodos, como ** create.Context **, que sería donde residen los datos; luego ** Context.Provider **, envuelve y está vinculado a toda la aplicación; ** Context.Type **, especifica el tipo de contexto que desea vincular; ** Context.Consumer **, suscribe el estado que desea cambiar, su valor predeterminado será el contexto más cercano. De lo contrario, el proveedor asignado será el asignado a create.Context (); ** Context.displayName **, asigna un nombre a su contexto creado.

  • Ahora tienes una idea de lo que es el contexto y cómo funciona, pero eso no es todo lo que nos da React para usar el contexto o múltiples contextos. Hay un caso en el que no desea usar Context, por ejemplo, si los estados para escuchar son pocos, React habla de ello en [este enlace] (https://reactjs.org/docs/composition-vs-inheritance .html). *
<h3>UseContext [-información oficial-] (https://reactjs.org/docs/hooks-reference.html#usecontext)</h3>

Use Context combinó dos métodos de Context antes de Hooks, que son el tipo de contexto y el consumidor de contexto.

Básicamente, useContext (MyContext) usado en un componente, se suscribirá al proveedor más cercano, por lo que cuando esto cambie, actualizará el componente.

Escribe tu comentario
+ 2