Code-Splitting es una función compatible con paquetes como Webpack, Rollup y Browserify que pueden crear múltiples paquetes que se pueden cargar dinámicamente en tiempo de ejecución. A medida que los sitios web crecen y profundizan en los componentes, se vuelven más pesados. Este es especialmente el caso cuando se incluyen bibliotecas de terceros. Code Splitting … Continue reading «División de código en React»
Las API se utilizan para obtener datos del servidor y, al usar AJAX y API , llamamos a los datos de forma asíncrona y los mostramos en nuestro HTML. Puede realizar requests de API utilizando la función de búsqueda incorporada del navegador o bibliotecas de terceros como Axios . Puede realizar requests de API en … Continue reading «ReactJS | AJAX y API»
React nos permite pasar información a un Componente (de un componente principal a un componente secundario) usando algo llamado props (abreviatura de propiedades). Props es básicamente un objeto que está disponible para todos los componentes de React. Los accesorios son de solo lectura y no pueden ser modificados por el componente al que pertenecen. Pasar … Continue reading «ReactJS Props Referencia completa»
Siempre se recomienda comenzar su viaje de reacción utilizando la aplicación create-react que se puede encontrar aquí. Ahorra mucho tiempo ya que todo el backend básico de la aplicación se proporciona después de la instalación, y solo nos queda ocuparnos de los detalles de implementación. Cada vez que hacemos cambios en el archivo central principal … Continue reading «ReactJS | Reemplazo de módulo caliente»
La contraseña debe ser segura para que los piratas informáticos no puedan piratearla fácilmente. El siguiente ejemplo muestra cómo verificar la seguridad de la contraseña de la contraseña ingresada por el usuario en ReactJS. Sintaxis: isStrongPassword(str [, options]) Parámetros: esta función acepta dos parámetros, como se mencionó anteriormente y se describe a continuación: str: Es … Continue reading «¿Cómo validar que la contraseña es segura o no en ReactJS?»
useState () es un gancho que le permite tener variables de estado en componentes funcionales. así que básicamente useState es la capacidad de encapsular el estado local en un componente funcional. React tiene dos tipos de componentes, uno son componentes de clase que son clases ES6 que se extienden desde React y el otro son … Continue reading «¿Qué es useState() en React?»
Si usamos el método de búsqueda, se abrirá una nueva ventana para mostrar el archivo PDF y permitirá a los usuarios descargar el PDF. Pero si no quieres eso, entonces hay una manera de hacerlo. Puede usar el paquete llamado react-pdf, al usar este paquete puede renderizar el PDF en su aplicación React usando la … Continue reading «¿Cómo mostrar un PDF como una imagen en la aplicación React usando URL?»
En el artículo anterior sobre ReactJS | Componentes , llegamos a saber que los componentes de React se pueden clasificar ampliamente en componentes funcionales y de clase . También se ve que los Componentes Funcionales son más rápidos y mucho más simples que los Componentes de Clase. La principal diferencia entre los dos es la … Continue reading «ReactJS | Estado en reaccionar»
Flux Architecture: Flux es una arquitectura que Facebook usa internamente cuando opera con React. No es un marco o una biblioteca. Es simplemente un reemplazo de una arquitectura que mejora React y también la idea del flujo de datos unidireccional. Redux es un contenedor de estado predecible para aplicaciones de JavaScript. Redux es una herramienta … Continue reading «Redux y la arquitectura Flux»
Una clave API (interfaz de programación de aplicaciones) es un identificador único que se utiliza para autenticar a un usuario, desarrollador o programa de llamada a una API. Sin embargo, normalmente se utilizan para autenticar un proyecto con la API en lugar de un usuario humano. Y al usar los servicios en línea muchas veces, … Continue reading «¿Cómo ocultar sus claves API del público en ReactJS?»