Categoría: ReactJS

Implementar rutas anidadas en React.js – React Router DOM V6

Posted on by Rudeus Greyrat

En este artículo, crearemos una aplicación React.js simple para implementar el enrutamiento anidado en la versión actual de react-router que es React Router DOM versión 6 . Usamos enrutamiento anidado en nuestra aplicación para que un componente principal tenga control sobre su componente secundario en el nivel de ruta.    Requisitos previos: Los requisitos previos … Continue reading «Implementar rutas anidadas en React.js – React Router DOM V6»

¿Cómo se definen las acciones en Redux?

Posted on by Rudeus Greyrat

Redux es la biblioteca de administración de estado para aplicaciones de JavaScript. Se utiliza para administrar los datos globalmente en la aplicación. En redux, hay básicamente tres partes: Comportamiento  reductor Tienda Acciones: Las acciones son el objeto JavaScript que tiene información. Las acciones proporcionan información para la tienda. Las acciones tienen un campo de tipo … Continue reading «¿Cómo se definen las acciones en Redux?»

¿Cómo construir un juego de Tic-Tac-Toe usando React Hooks?

Posted on by Rudeus Greyrat

React es una biblioteca JavaScript de código abierto de frontend, que se utiliza para crear interfaces de usuario interactivas. React se centra en aplicaciones de una sola página y se conoce más popularmente como SPA. En este tutorial, usaremos React y sus ganchos para crear una divertida aplicación Tic-Tac-Toe. Antes de saltar al código, asegúrese … Continue reading «¿Cómo construir un juego de Tic-Tac-Toe usando React Hooks?»

Componente React Rebass MDX

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, sabremos cómo usar el componente MDX en React rebass. MDX Component es un componente importante que se requiere en cada desarrollo. MDX es un formato basado en rebajas que le permite importar y usar componentes de React en … Continue reading «Componente React Rebass MDX»

¿Qué es el algoritmo de diferenciación?

Posted on by Rudeus Greyrat

React usa DOM virtual , que es una versión ligera del DOM. La única diferencia es la capacidad de escribir la pantalla como el DOM real; de hecho, se crea un nuevo DOM virtual después de cada renderizado. DOM almacena los componentes de un sitio web en una estructura de árbol. Cómo se actualiza DOM … Continue reading «¿Qué es el algoritmo de diferenciación?»

Diseño de pantalla de 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 diseño de pantalla en ReactJS MDBootstrap. Con la ayuda de este componente, podemos cambiar la … Continue reading «Diseño de pantalla de ReactJS MDBootstrap»

ReactJS UI Ant Design Layout 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 Layout Componente Referencia completa»

Componente de casilla de verificación de formularios 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 Forms Checkbox en ReactJS MDBootstrap. Una casilla de verificación le permite a un usuario … Continue reading «Componente de casilla de verificación de formularios ReactJS MDBootstrap»

Componente de casilla de verificación de formularios 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, sabremos cómo usar el componente Checkbox en React Rebass. La casilla de verificación es un componente importante que se requiere en cada desarrollo. Entonces, para crear un componente Checkbox, podemos importar el componente Rebass Checkbox. El componente de … Continue reading «Componente de casilla de verificación de formularios React Rebass»

¿Cómo agregar un reproductor de video en NextJS?

Posted on by Rudeus Greyrat

En este artículo, vamos a aprender cómo podemos agregar un reproductor de video en NextJs. NextJS es un marco basado en React. Tiene el poder de desarrollar hermosas aplicaciones web para diferentes plataformas como Windows, Linux y Mac.  Enfoque: para agregar nuestro reproductor de video, vamos a usar el paquete react-player. El paquete react-player nos … Continue reading «¿Cómo agregar un reproductor de video en NextJS?»