Categoría: ReactJS

¿Cómo rotar una string en particular onScroll en ReactJS?

Posted on by Rudeus Greyrat

En este artículo, veremos cómo podemos rotar un texto mientras nos desplazamos para brindar una experiencia de usuario agradable mediante el uso de un paquete npm react-scroll- rotate . Requisito previo: Introducción e instalación de reactJs Sintaxis: <ScrollRotate> </ScrollRotate> Envolvemos el texto dentro de estas etiquetas que queremos mostrar efectos. Creación de la aplicación React … Continue reading «¿Cómo rotar una string en particular onScroll en ReactJS?»

¿Por qué usamos eventos sintéticos en ReactJS?

Posted on by Rudeus Greyrat

En ReactJS , hay eventos mediante los cuales el usuario interactúa con la interfaz de usuario de una aplicación. React escucha eventos a nivel de documento, después de recibir eventos del navegador, React envuelve estos eventos con un contenedor que tiene una interfaz similar a la del evento del navegador local, lo que nos ayuda … Continue reading «¿Por qué usamos eventos sintéticos en ReactJS?»

¿Cómo determinar el tamaño de un componente en ReactJS?

Posted on by Rudeus Greyrat

El tamaño de un componente está determinado por la altura y el ancho del contenedor. Se puede determinar si asignamos una referencia a ese componente. La función useRef con el atributo ref se utiliza para obtener el tamaño actual del componente.  El gancho useRef con el atributo ref está trabajando aquí para crear una referencia … Continue reading «¿Cómo determinar el tamaño de un componente en ReactJS?»

¿Cuáles son las limitaciones de React.js?

Posted on by Rudeus Greyrat

Conocemos las principales ventajas de usar React, desde sus componentes reutilizables y capacidades de alto rendimiento hasta su sintaxis fácil de aprender y su compatibilidad con SEO. Sin embargo, existen algunas limitaciones asociadas con ReactJS que son: Falta de documentación adecuada: hay muchas herramientas y bibliotecas como Redux y Reflux que pueden mejorar el rendimiento … Continue reading «¿Cuáles son las limitaciones de React.js?»

Introducción e instalación de Storybook para React

Posted on by Rudeus Greyrat

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»

Componente de encabezado ReactJS MDBootstrap

Posted on by Rudeus Greyrat

MDBootstrap es una biblioteca de interfaz de usuario de reacción basada en diseño de materiales y bootstrap que se utiliza para crear páginas web atractivas con su componente sencillo y fácil de usar. En este artículo, sabremos cómo usar el componente de encabezado en ReactJS MDBootstrap. El componente de encabezado se utiliza para agregar el … Continue reading «Componente de encabezado ReactJS MDBootstrap»

Introducción al diseño de hormigas

Posted on by Rudeus Greyrat

Ant Design es una biblioteca React UI que contiene componentes fáciles de usar que son útiles para crear interfaces de usuario interactivas. Es muy fácil de usar y de integrar. Ant Design es una de las opciones inteligentes para diseñar aplicaciones web usando react. Nos proporciona componentes de alta calidad que se pueden utilizar con … Continue reading «Introducción al diseño de hormigas»

ReactJS UI Ant Design Otro componente Referencia completa

Posted on by Rudeus Greyrat

Ant Design es una biblioteca popular de UI de ReactJS que se usa para construir el sistema de diseño para productos de nivel empresarial. Ant Design contiene un amplio conjunto de componentes de alta calidad para crear interfaces de usuario eficientes e interactivas con una experiencia de trabajo agradable. El diseño de Ant facilita una … Continue reading «ReactJS UI Ant Design Otro componente Referencia completa»

Componente de rango ReactJS MDBootstrap

Posted on by Rudeus Greyrat

MDBootstrap es una biblioteca de interfaz de usuario de reacción basada en diseño de materiales y bootstrap que se utiliza para crear páginas web atractivas con su componente sencillo y fácil de usar. En este artículo, sabremos cómo usar Range Component en ReactJS MDBootstrap. El componente Rango permite a los usuarios realizar selecciones a partir … Continue reading «Componente de rango ReactJS MDBootstrap»

Extensión React Rebass

Posted on by Rudeus Greyrat

React Rebass es un framework front-end que fue diseñado teniendo en cuenta a React. En este artículo, conoceremos qué son los Props en React Rebase. Ampliar es una parte importante que se requiere en cada desarrollo. Los componentes de Rebass están destinados a ser utilizados como bloques de construcción en el desarrollo de un sistema … Continue reading «Extensión React Rebass»