En este artículo, vamos a aprender cómo podemos agregar una entrada de tamaño automático en ReactJs. React es una biblioteca JavaScript front-end gratuita y de código abierto para crear interfaces de usuario o componentes de interfaz de usuario. Es mantenido por Facebook y una comunidad de desarrolladores individuales y empresas. Enfoque: para agregar nuestra entrada … Continue reading «¿Cómo agregar AutoSize Input en React.js?»
En este artículo, vamos a aprender cómo podemos agregar Skeleton Loading 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 carga de esqueleto, usaremos el paquete react-loading-skeleton. El paquete react-loading-skeleton nos ayuda a agregar una … Continue reading «¿Cómo agregar la carga de esqueleto en NextJS?»
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 de enlace en React Rebass. El Link es un componente importante que se requiere en cada desarrollo. Entonces, para crear un componente Link, podemos importar el componente Rebass Link. El componente de enlace … Continue reading «Componente de enlace React Rebass»
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. Los segmentos de rutas … Continue reading «Segmentos de ruta dinámica de Next.js»
En este artículo, aprenderemos cómo pasar la propiedad del componente principal al componente secundario en React js. Al incorporar el componente secundario dentro del componente principal en React, los desarrolladores deben enviar propiedades o datos al componente secundario desde el componente principal. React.js nos permite usar props (forma abreviada de propiedad) para pasar datos del … Continue reading «¿Cómo pasar la propiedad de los accesorios de un componente principal a un componente secundario?»
En algunas situaciones, el desarrollador de React Js necesita renderizar y ocultar componentes según la condición particular. Por ejemplo, al crear una aplicación de lista de tareas pendientes, el desarrollador debe procesar tareas si hay alguna tarea pendiente disponible; de lo contrario, debe mostrar un mensaje como «No hay ninguna tarea pendiente disponible». Hay varios … Continue reading «Componente de renderizado condicional usando Enums en ReactJS»
En los componentes de ReactJS , es fácil crear una interfaz de usuario compleja de cualquier aplicación. Podemos dividir la interfaz de usuario de la aplicación en pequeños componentes y representar cada componente individualmente en la página web. React nos permite renderizar un componente dentro de otro componente. Significa que podemos crear la relación padre-hijo … Continue reading «¿Cómo incrustar dos componentes en un componente?»
Un elemento de reacción es una descripción de cómo debería ser el elemento real del Modelo de objetos del documento (DOM) . React.js no usa el DOM del navegador directamente, sino que usa el DOM virtual para diseñar la UI/UX y para interactuar con el navegador. El DOM virtual se compone de elementos de reacción. … Continue reading «¿Cuál es el uso de React.createElement?»
Introducción: en este artículo, veremos cómo crear una aplicación Pokémon usando React.js y la API de Pokémon. Requisito previo: JavaScript Es6 Ganchos de reacción Reaccionar componentes Obtener datos de la API CSS Enfoque: esta aplicación web será una aplicación web de una página donde mostraremos diferentes tipos de Pokémon y algunas de sus características también … Continue reading «Aplicación React.js Pokémon.»
Reactstrap: Reactstrap es una biblioteca de front-end popular que es fácil de usar React Bootstrap 4 componentes. Esta biblioteca contiene los componentes React sin estado para Bootstrap 4. Podemos usar el siguiente enfoque en ReactJS para usar el componente de tarjeta ReactJS Reactstrap. Propiedades de los accesorios ReactStrap: Accesorios de la tarjeta: etiqueta: la etiqueta … Continue reading «Componente de la tarjeta ReactJS Reactstrap»