Categoría: react-js

¿Qué es Redux Toolkit y por qué es más preferido?

Posted on by Rudeus Greyrat

Mientras trabajaba como desarrollador front-end o desarrollador de pila completa, muchos ingenieros se encontraron con Redux. Pero recientemente Redux Team lanzó Redux Toolkit, una biblioteca SOPE oficialmente recomendada que significa biblioteca de administración de estado simple, obstinada, poderosa y efectiva. Nos permite escribir código más eficiente, acelerar el proceso de desarrollo y aplicar automáticamente las … Continue reading «¿Qué es Redux Toolkit y por qué es más preferido?»

¿Cómo obtener el valor del parámetro de la string de consulta en ReactJS?

Posted on by Rudeus Greyrat

Podemos acceder a la string de consulta a través de this.props.location.search y luego podemos analizarla usando una biblioteca llamada query-string . Esta biblioteca tiene una función parse() que analiza la string de consulta y devuelve un objeto.  Por ejemplo, la string de consulta es ?site=gfg&subject=react luego, después de analizar el objeto será: { Site:»gfg», Subject:»react» … Continue reading «¿Cómo obtener el valor del parámetro de la string de consulta en ReactJS?»

Método ReactJS componenteDidCatch()

Posted on by Rudeus Greyrat

El método componentDidCatch() se invoca si se produce algún error durante la fase de representación de cualquier método de ciclo de vida o cualquier componente secundario. Este método se usa para implementar los límites de error para la aplicación React. Se llama durante la fase de confirmación, por lo que, a diferencia de getDerivedStateFromError(), que … Continue reading «Método ReactJS componenteDidCatch()»

Adivina el número con React

Posted on by Rudeus Greyrat

Creamos dos componentes App y Result. Los componentes de la aplicación contienen toda la lógica, tienen estado y el componente Resultado solo muestra el mensaje apropiado en la página de acuerdo con la suposición del usuario. El componente de la aplicación tiene un campo de entrada controlado en el que el usuario puede escribir y … Continue reading «Adivina el número con React»

Pila PERN frente a PEAN

Posted on by Rudeus Greyrat

Pila PERN : la pila PERN es una tecnología que utiliza PostgreSQL, Express, React y Node.js para construir una aplicación web independiente y completa.  PostgreSQL : es una base de datos SQL, y tener un buen dominio de las bases de datos SQL hará que sea un juego de niños. La ventaja más significativa es … Continue reading «Pila PERN frente a PEAN»

Método ReactJS getDerivedStateFromError()

Posted on by Rudeus Greyrat

El método getDerivedStateFromError() se invoca si se produce algún error durante la fase de representación de cualquier método de ciclo de vida o cualquier componente secundario. Este método se usa para implementar los límites de error para la aplicación React. Se llama durante la fase de renderizado, por lo que no se permiten efectos secundarios … Continue reading «Método ReactJS getDerivedStateFromError()»

¿Cómo agregar condicionalmente atributos a los componentes de React?

Posted on by Rudeus Greyrat

Podemos agregar condicionalmente atributos a los componentes de React con los siguientes enfoques: Enfoque 1:  Evidentemente, con algunos atributos, React es lo suficientemente inteligente como para omitir el atributo si el valor que le pasa no es verdadero. Por ejemplo: state= { disabled: false, required: true } return ( <input type=»text» disabled={disabled} required={required} /> ); … Continue reading «¿Cómo agregar condicionalmente atributos a los componentes de React?»

¿Cómo validar un correo electrónico en ReactJS?

Posted on by Rudeus Greyrat

La validación del correo electrónico es un paso importante en cada aplicación para autenticar el correo electrónico del usuario. Se puede lograr usando el módulo de validación en ReactJS. El siguiente ejemplo muestra cómo validar el correo electrónico ingresado por el usuario y verificar si es válido o no utilizando el módulo npm en la … Continue reading «¿Cómo validar un correo electrónico en ReactJS?»

Notificación de brindis de ReactJS

Posted on by Rudeus Greyrat

Las notificaciones toast son mensajes emergentes que se agregan para mostrar un mensaje a un usuario. Puede ser un mensaje de éxito, un mensaje de advertencia o un mensaje personalizado. Toast Notification también se llama Toastify Notifications . Esta notificación de todas las tostadas viene debajo del módulo reaccionar-tostar, por lo que para usarlas necesitamos … Continue reading «Notificación de brindis de ReactJS»

ReactJS componenteWillUnmount() Método

Posted on by Rudeus Greyrat

El método componentWillUnmount() nos permite ejecutar el código React cuando el componente se destruye o se desmonta del DOM (Document Object Model). Este método se llama durante la fase de desmontaje del ciclo de vida de React, es decir, antes de que se desmonte el componente. Todas las limpiezas, como la invalidación de temporizadores, la … Continue reading «ReactJS componenteWillUnmount() Método»