Categoría: Styled-components

Modal animado usando componentes de reacción, framer-motion y estilo

Posted on by Rudeus Greyrat

En este artículo, vamos a aprender cómo crear un modal animado usando componentes de reacción, movimiento de fotogramas y estilo. requisitos previos: Conocimiento de JavaScript (ES6). Función de flecha (ES6) operador ternario documento.cuerpo.estilo Conocimientos de HTML/CSS. Conocimientos básicos de ReactJS. Reaccionar estado de uso Framer-motion: Los componentes y atributos que vamos a utilizar en este … Continue reading «Modal animado usando componentes de reacción, framer-motion y estilo»

¿Cómo crear un botón de desplazamiento hacia abajo en ReactJS?

Posted on by Rudeus Greyrat

Verá, hay muchas aplicaciones de chat como WhatsApp, Telegram, etc., que utilizan una función útil, como si estuviera en medio de una ventana de chat y quisiera ir al final de la página. Puede usar este botón para desplazarse hacia abajo automáticamente como para saltar al contenido . El siguiente ejemplo cubre cómo crear un … Continue reading «¿Cómo crear un botón de desplazamiento hacia abajo en ReactJS?»

¿Cómo crear un botón Desplazarse hacia arriba en React JS?

Posted on by Rudeus Greyrat

Verá que hay muchos sitios web que utilizan una función útil, como si estuviera desplazándose por la página web, y ahora está en la parte inferior de esa página, entonces puede usar este botón para desplazarse hacia arriba automáticamente como saltar al contenido . El siguiente ejemplo cubre la creación de un botón Desplazarse hacia … Continue reading «¿Cómo crear un botón Desplazarse hacia arriba en React JS?»

¿Cómo resaltar texto basado en la entrada del usuario con React.js?

Posted on by Rudeus Greyrat

El siguiente enfoque cubre cómo resaltar la entrada de texto proporcionada por los usuarios en ReactJS. Es un efecto simple que puede agregar a cualquier sitio web de ReactJS. Requisito previo: Conocimientos básicos de npm y comando create-react-app. Conocimientos básicos de componentes con estilo. Conocimiento de useState() React ganchos . Conocimiento del evento onChange() . … Continue reading «¿Cómo resaltar texto basado en la entrada del usuario con React.js?»

¿Cómo crear un indicador de desplazamiento usando ReactJS?

Posted on by Rudeus Greyrat

El siguiente enfoque cubre cómo crear un indicador de desplazamiento usando React JS. Es un efecto simple que puede agregar a cualquier sitio web de ReactJS. Requisito previo: Conocimientos básicos de npm y comando create-react-app. Conocimientos básicos de componentes con estilo. Conocimiento básico de ganchos useState() . Configuración básica: Comenzará un nuevo proyecto usando el … Continue reading «¿Cómo crear un indicador de desplazamiento usando ReactJS?»