Categoría: ReactJS

¿Cómo construir una aplicación CRUD básica con Node.js y ReactJS?

Posted on by Rudeus Greyrat

En este artículo, crearemos una aplicación básica para estudiantes desde cero. Funcionalidad de la aplicación:  Crear un nuevo estudiante Actualizar un estudiante existente Mostrar lista de estudiantes Eliminar un estudiante API REST en este proyecto:  API REST  URL OBTENER http://localhost:4000/estudiantes OBTENER /estudiantes/actualizar-estudiante/id CORREO /estudiantes/crear-estudiante PONER /estudiantes/actualizar-estudiante/id ELIMINAR /estudiantes/eliminar-estudiante/id En primer lugar, trabajaremos en la parte … Continue reading «¿Cómo construir una aplicación CRUD básica con Node.js y ReactJS?»

Componente de formulario ReactJS Reactstrap

Posted on by Rudeus Greyrat

Reactstrap es una biblioteca front-end popular que es fácil de usar con componentes React Bootstrap 4. Esta biblioteca contiene los componentes React sin estado para Bootstrap 4. Podemos usar el siguiente enfoque en ReactJS para usar el componente de formulario ReactJS Reactstrap. Accesorios de entrada: children: Se utiliza para pasar el elemento children a este … Continue reading «Componente de formulario ReactJS Reactstrap»

¿Cómo crear un componente Breadcrumb en React con Plain CSS?

Posted on by Rudeus Greyrat

En ReactJS, podemos crear un componente Breadcrumb fácilmente con Plain CSS. Ya que solo tenemos que hacer un nuevo componente con código JSX para obtener un código HTML básico para Breadcrumb, y luego tenemos que aplicar efectos CSS para hacer algunos cambios y hacer que su apariencia sea la mejor. ReactJS es un marco web … Continue reading «¿Cómo crear un componente Breadcrumb en React con Plain CSS?»

Componente de tabla de React Suite

Posted on by Rudeus Greyrat

React Suite es una biblioteca front-end popular con un conjunto de componentes React que están diseñados para la plataforma intermedia y los productos back-end. Filas de datos de los componentes de la tabla. Podemos crear tablas usando este componente. Podemos usar el siguiente enfoque en ReactJS para usar el componente de tabla de React Suite. … Continue reading «Componente de tabla de React Suite»

Componente emergente de React Suite

Posted on by Rudeus Greyrat

React Suite es una biblioteca front-end popular con un conjunto de componentes React que están diseñados para la plataforma intermedia y los productos back-end. El componente Popover permite al usuario mostrar la información emergente que se desenstring en algún evento sobre la ventana principal. Podemos usar el siguiente enfoque en ReactJS para usar el componente … Continue reading «Componente emergente de React Suite»

¿Cómo usar el filtrado en el componente DataGrid en ReactJS?

Posted on by Rudeus Greyrat

registros particulares o relacionados. El componente DataGrid ayuda a mostrar la información en un formato de filas y columnas similar a una cuadrícula. Podemos usar el siguiente enfoque en ReactJS para usar el filtrado en el componente DataGrid. Enfoque: con la ayuda de filterModel prop, podemos filtrar en DataGrid Component. En el siguiente ejemplo, hemos … Continue reading «¿Cómo usar el filtrado en el componente DataGrid en ReactJS?»

¿Cómo usar el componente de enlace en ReactJS?

Posted on by Rudeus Greyrat

with ourMaterial UI for React tiene este componente disponible para nosotros y es muy fácil de integrar. Podemos usar Link Component en ReactJS usando el siguiente enfoque: Creación de la aplicación React e instalación del módulo: Paso 1: Cree una aplicación React usando el siguiente comando: npx create-react-app foldername Paso 2: después de crear la … Continue reading «¿Cómo usar el componente de enlace en ReactJS?»

¿Cómo usar el componente CircularProgress en ReactJS?

Posted on by Rudeus Greyrat

cargandodisponible Creación de la aplicación React e instalación del módulo: Paso 1: Cree una aplicación React usando el siguiente comando: npx create-react-app foldername Paso 2: después de crear la carpeta de su proyecto, es decir , el nombre de la carpeta , acceda a ella con el siguiente comando: cd foldername Paso 3: después de … Continue reading «¿Cómo usar el componente CircularProgress en ReactJS?»

¿Cómo validar el número de pasaporte es ReactJS?

Posted on by Rudeus Greyrat

La validación del número de pasaporte es un paso importante para autenticar el número de pasaporte del usuario. El siguiente ejemplo muestra cómo validar el número de pasaporte del usuario usando el módulo npm en ReactJS.  Sintaxis:  isPassportNumber(str, countryCode) Parámetros: esta función acepta dos parámetros, como se mencionó anteriormente y se describe a continuación: str: … Continue reading «¿Cómo validar el número de pasaporte es ReactJS?»

¿Qué es un componente funcional puro en ReactJS?

Posted on by Rudeus Greyrat

¿Qué es una función JavaScript? Una función de JavaScript es un bloque de código diseñado para realizar una tarea particular que se ejecuta cuando se llama. ¿En qué se parecen los componentes funcionales de React a las funciones de JavaScript? Conceptualmente, los componentes son como funciones de JavaScript. Un componente funcional es una función de … Continue reading «¿Qué es un componente funcional puro en ReactJS?»