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?»
DevExpress: DevExpress es un paquete para controlar y crear la interfaz de usuario de Windows, Mobile y otras aplicaciones. Gráficos de barras: un gráfico de barras es una representación pictórica de datos que presenta datos categóricos con barras rectangulares con alturas o longitudes proporcionales a los valores que representan. En otras palabras, es la representación … Continue reading «¿Cómo crear un gráfico de barras en reaccionar usando material UI y Devexpress?»
Campo de texto , ayuda. Material UI for React tiene este componente disponible para nosotros y es muy fácil de integrar. Podemos usar el componente TextField 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 … Continue reading «¿Cómo usar el componente TextField en ReactJS?»
La notación de tres puntos (…) conocida como la sintaxis Spread ha sido parte de React durante mucho tiempo cuando podía usarse a través de la transpilación, aunque se ha convertido en parte de JavaScript como parte de la sintaxis ES2015. La sintaxis de propagación se usa para deconstruir una array u objeto en variables … Continue reading «¿Qué hacen estos tres puntos (…) en React?»
Material UI for React tiene este componente disponible para nosotros y es muy fácil de integrar. Podemos usar el componente Icon 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 Icon en ReactJS?»
Como se mencionó en el artículo anterior , podemos validar formularios utilizando componentes controlados. Pero puede llevar mucho tiempo y la longitud del código puede aumentar si necesitamos formularios en muchos lugares de nuestro sitio web. ¡Aquí viene Formik y Yup al rescate! Formik está diseñado para administrar formularios con validación compleja con facilidad. Formik … Continue reading «Validación de formularios ReactJS usando Formik y Yup»
El siguiente enfoque cubre cómo obtener metadatos de archivos en el almacenamiento de firebase usando react. Los metadatos son la información básica sobre el archivo. Hemos utilizado el módulo firebase para lograrlo. 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 myapp Paso … Continue reading «¿Cómo obtener metadatos de archivos en el almacenamiento de firebase usando ReactJS?»
Si queremos actualizar/agregar la clase CSS cuando el componente se actualice o cambie el estado/los accesorios de los componentes, entonces tenemos que aplicar condicionalmente el CSS en función del valor del estado/los accesorios. Aquí hay un ejemplo simple de agregar clases CSS condicionalmente. <div className={`box ${flag === false ? «» : «hidden»}`}> La clase oculta … Continue reading «¿Cómo agregar una clase CSS cada vez que el componente se actualiza en ReactJS?»
Unicode: Unicode es un estándar de codificación para todos los caracteres del universo. Cada código de idioma y símbolo en este mundo es asignado por Unicode. No existe un estándar de codificación que admita todos los idiomas. Al usar el estándar Unicode, podemos recuperar y combinar datos con todas las combinaciones de idiomas. Ejemplo: U+2192 … Continue reading «¿Cómo concatenar unicode y variable en ReactJS?»
Firebase es un producto de Google que nos ayuda a crear, administrar y hacer crecer nuestra aplicación fácilmente. En este artículo, veremos cómo puede usar firebase firestore como backend y usar G-auth proporcionado por firebase en nuestro proyecto de reacción de demostración. Cuando diseña aplicaciones como aplicaciones móviles como aplicaciones iOS o Android o aplicaciones … Continue reading «¿Cómo usar la base de datos Firestore en ReactJS?»