Categoría: react-js

En nuestro artículo anterior , hablamos sobre una aplicación de calculadora que vamos a desarrollar y también vimos un adelanto de nuestro proyecto final. En este artículo, prepararemos nuestras manos para comenzar el desarrollo de nuestra primera aplicación. También hemos dicho esto anteriormente que cada aplicación que desarrollaremos en React estará compuesta de piezas llamadas … Continue reading «ReactJS | Aplicación de calculadora (estructura)»

En el artículo anterior sobre introducción a JSX , vimos cómo crear un elemento React. El elemento React es la unidad renderizable más pequeña disponible en React. Podemos representar dichos elementos usando ReactDOM como se describe en el artículo anterior. Los elementos React son diferentes de los elementos DOM, ya que los elementos React son … Continue reading «ReactJS | Elementos de representación»

El bind() es un método incorporado en React que se usa para pasar los datos como un argumento a la función de un componente basado en clases. Sintaxis: this.function.bind(this,[arg1…]); Parámetro: Acepta dos parámetros, el primer parámetro es la palabra clave this utilizada para vincular y el segundo parámetro es el parámetro thata Creando la aplicación … Continue reading «Método ReactJS bind()»

Básicamente, queremos crear una aplicación que muestre la cantidad de cajas que tienen diferentes colores asignados a cada una de ellas. Cada vez que se carga la aplicación se asignan diferentes colores aleatorios. cuando un usuario hace clic en cualquiera de los cuadros, cambia su color a un color aleatorio diferente que no es igual … Continue reading «¿Cómo crear una aplicación Color-Box usando ReactJS?»

El gancho useReducer es la mejor alternativa al gancho useState y, por lo general, es más preferido que el gancho useState cuando tiene una lógica de creación de estado compleja o cuando el siguiente valor de estado depende de su valor anterior o cuando se necesita optimizar los componentes. El enlace useReducer toma tres argumentos, … Continue reading «Gancho useReducer de ReactJS»