El flujo de datos unidireccional es una técnica que se encuentra principalmente en la programación reactiva funcional. También se conoce como flujo de datos unidireccional, lo que significa que los datos tienen una y solo una forma de transferirse a otras partes de la aplicación. En esencia, esto significa que los componentes secundarios no pueden … Continue reading «Flujo de datos unidireccional»
función de llamador llamada función El estado es mutable en los componentes de reacción. Para hacer que las aplicaciones de React sean interactivas, casi usamos el estado en todos los componentes de React. El estado se inicializa con algún valor y, en función de la interacción del usuario con la aplicación, actualizamos el estado del … Continue reading «¿Cómo manejar estados de tipos de datos mutables?»
Storybook es una herramienta de desarrollo de interfaz de usuario de código abierto. Ayuda a los desarrolladores a crear componentes de interfaz de usuario organizados y reutilizables con la documentación adecuada de forma independiente. También previene errores al probar visualmente automáticamente el componente. Evita que el desarrollador presione cada vez el navegador y el editor … Continue reading «Introducción e instalación de Storybook para React»
Existen los siguientes enfoques para agregar o eliminar múltiples clases a un componente ReactJS: Enfoque 1: podemos usar el método classNames (una sencilla utilidad de JavaScript para unir condicionalmente classNames). La función classNames toma cualquier cantidad de argumentos que pueden ser una string o un objeto. El argumento ‘fila’ es la abreviatura de {fila: verdadero}. … Continue reading «¿Cómo agregar o eliminar múltiples clases a un componente ReactJS?»
React es una biblioteca de JavaScript declarativa, eficiente y flexible para crear interfaces de usuario. Es ‘V’ en MVC. ReactJS es una biblioteca front-end de código abierto basada en componentes responsable solo de la capa de visualización de la aplicación. Es mantenido por Facebook. Seleccionar en HTML nos permite elegir entre múltiples valores usando el … Continue reading «¿Cómo cambiar las opciones de una selección en función de otro menú desplegable usando React?»
Hemos discutido cómo crear componentes , cómo renderizar componentes , usar proptypes , usar estados para almacenar información y mucho más. En nuestros artículos anteriores, también habíamos desarrollado una aplicación de calculadora básica en ReactJS. Puede surgir una situación en la que queramos renderizar algo basado en alguna condición. Por ejemplo, considere la situación de manejar … Continue reading «ReactJS | Representación condicional»
React es una biblioteca de JavaScript para crear interfaces de usuario. React hace que sea sencillo crear interfaces de usuario interactivas. Diseñe vistas simples para cada estado en su aplicación, y React actualizará y renderizará de manera eficiente solo los componentes correctos cuando cambien sus datos. Hay alrededor de ocho formas diferentes de diseñar los … Continue reading «8 formas de aplicar estilo a los componentes de React»
El useMemo es un gancho utilizado en el componente funcional de reaccionar que devuelve un valor memorizado. En Ciencias de la Computación, la memoización es un concepto que se usa en general cuando no necesitamos volver a calcular la función con un argumento dado para la próxima vez, ya que devuelve el resultado almacenado en … Continue reading «React JS useMemo Hook»
Hay varios métodos para obtener el valor del elemento en react-bootstrap. Algunos de ellos se discuten a continuación: Usando Ref: La primera forma de obtener el valor actualizado del elemento es usando ref. Usando ref, obtenemos la referencia del elemento y se puede acceder a su valor a través de los componentes existentes. import … Continue reading «¿Cómo obtener el valor del elemento seleccionado en react-bootstrap?»
En este artículo, se le presentará React Context, una de las últimas características de React Applications. Requisitos previos: ReactJS-Basics, Typescript (con interfaces), notación ES6 ¿Qué es el contexto de reacción? React Context es un método para pasar accesorios de componentes primarios a secundarios, almacenando los accesorios en una tienda (similar a Redux) y usando estos … Continue reading «Contexto en reaccionar»