Del curso: React esencial

Accede al curso completo hoy mismo

Únete hoy para acceder a más de 23.100 cursos impartidos por expertos del sector.

Api de contexto de React

Api de contexto de React

En esta lección, vamos a utilizar la API de contexto de React. Esta API nos va a permitir compartir datos entre diferentes componentes, sin necesidad de utilizar propiedades. Esto nos va a ayudar a crear un código mucho más manejable, mucho más simple y también con mucho mejor calidad. Te voy a mostrar cómo hacerlo en esta lección. Acá yo tengo una aplicación que utiliza el hook useEffect para que en el momento en que se carga la aplicación, realice una descarga de un archivo llamado productos.json donde contiene la información que vamos a desplegar dentro de estos dos componentes. Estamos también utilizando el hook useState para guardar el estado y, a través de propiedades, enviarle a estos dos componentes esa información para renderizarse. El resultado que tenemos acá son dos diferentes componentes que muestran información que se carga desde un archivo externo. Ahora vamos a modificar esta aplicación para trabajar todo desde un contexto común. Yo he creado un archivo llamado…

Contenido