Componente Popovers de ReactJS MDBootstrap

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 Popovers en ReactJS MDBootstrap. El componente Popovers se usa para crear un botón que … Continue reading «Componente Popovers de ReactJS MDBootstrap»

¿Cómo agregar entrada de etiqueta en NextJS?

En este artículo, vamos a aprender cómo podemos agregar entradas de etiquetas 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 nuestra entrada de etiqueta, vamos a utilizar el paquete react-tag-input-component. El paquete react-tag-input-component nos ayuda … Continue reading «¿Cómo agregar entrada de etiqueta en NextJS?»

¿Cómo agregar DatePicker simple en Next.js?

En este artículo, vamos a aprender cómo podemos agregar un Selector de fecha simple 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. La vinculación de rutas dinámicas ayuda a representar sus componentes NextJS de forma condicional. Enfoque: para … Continue reading «¿Cómo agregar DatePicker simple en Next.js?»

Diferentes formas de obtener datos usando API en React

ReactJS: ReactJS 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. API: API es una abreviatura de Interfaz de programación de … Continue reading «Diferentes formas de obtener datos usando API en React»

¿Cómo agregar Slider en Next.js?

En este artículo, vamos a aprender cómo podemos agregar File Dropper 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. La vinculación de rutas dinámicas ayuda a representar sus componentes NextJS de forma condicional. Enfoque: para agregar nuestro Control … Continue reading «¿Cómo agregar Slider en Next.js?»

¿Cómo especificar un puerto para ejecutar un proyecto basado en crear-reaccionar-aplicación?

Cuando creamos una nueva aplicación de reacción con el comando npx create-react-app , el puerto predeterminado para la aplicación es 3000. Podemos acceder a la aplicación desde localhost:3000 . En algunas situaciones, los usuarios necesitan ejecutar 2 o más aplicaciones de reacción en su computadora simultáneamente, pero no se pueden ejecutar 2 aplicaciones de reacción … Continue reading «¿Cómo especificar un puerto para ejecutar un proyecto basado en crear-reaccionar-aplicación?»

¿Cómo agregar botones para compartir en redes sociales en NextJS?

En este artículo, vamos a aprender cómo podemos agregar botones Social Share en NextJs. Usando el botón de compartir en redes sociales, el usuario puede compartir su contenido en diferentes sitios de redes sociales. NextJS es un marco basado en React. Tiene el poder de desarrollar hermosas aplicaciones web para diferentes plataformas como Windows, Linux … Continue reading «¿Cómo agregar botones para compartir en redes sociales en NextJS?»

¿Cómo obtener la ruta actual en Next.js?

En este artículo, aprenderemos cómo podemos obtener la ruta actual en nuestro proyecto NextJS. NextJS es un marco basado en React. Tiene el poder de desarrollar hermosas aplicaciones web para diferentes plataformas como Windows, Linux y Mac. La vinculación de rutas dinámicas ayuda a representar sus componentes NextJS de forma condicional. Crear aplicación NextJS: puede … Continue reading «¿Cómo obtener la ruta actual en Next.js?»

¿Cómo crear una aplicación de búsqueda de direcciones IP en ReactJS?

En este artículo, crearemos una aplicación de búsqueda de direcciones IP que le permitirá encontrar la ubicación aproximada de su cliente en un mapa. Una dirección IP es una dirección única que identifica un dispositivo en Internet o en una red local. IP significa «Protocolo de Internet», que es el conjunto de reglas que rigen … Continue reading «¿Cómo crear una aplicación de búsqueda de direcciones IP en ReactJS?»

¿Cómo crear una aplicación de conversión de moneda en ReactJS?

En este artículo, crearemos una aplicación de conversión de moneda muy simple con la ayuda de una API. Nuestra aplicación contiene tres secciones, una para tomar la entrada del usuario y almacenarla dentro de una variable de estado, un menú donde los usuarios pueden cambiar las unidades de conversión y, finalmente, una sección de visualización … Continue reading «¿Cómo crear una aplicación de conversión de moneda en ReactJS?»