Tailwind es un marco de CSS de primera utilidad popular para crear rápidamente interfaces de usuario personalizadas. Proporciona clases de bajo nivel, esas clases se combinan para crear estilos para varios componentes. Puede obtener más información sobre Tailwind CSS aquí . Next.js: Next.js es un marco de pila completo basado en React desarrollado por vertical … Continue reading «Instalar y configurar Tailwind CSS con Next.js»
En React, cada instancia de un componente pasa por un ciclo de vida que consiste en la creación (montaje), actualización y eliminación (desmontaje). El montaje es la fase inicial en la que se crea la instancia del componente y se inserta en el DOM. Cuando el componente se inserta con éxito en el DOM, se … Continue reading «¿Qué significa que un componente se monte en ReactJS?»
Fluent UI es un sistema de diseño multiplataforma de código abierto que brinda a los diseñadores y desarrolladores los marcos que necesitan para crear aplicaciones increíbles. Es un lenguaje de diseño desarrollado en 2017 por Microsoft. Los productos como Microsoft Office 365, OneDrive, Outlook, Azure y muchos más usan Fluent UI para que todas las … Continue reading «Fluent UI Introducción e instalación para React»
CRUD significa Crear, Leer, Actualizar y Eliminar. En ReactJS todo está alineado en forma de componente y cada componente tiene su propia forma y característica para hacerlo. React js es una de las bibliotecas de JavaScript más utilizadas para el desarrollo de frontend. Es muy importante tener la funcionalidad básica de las operaciones CRUD con … Continue reading «¿Cómo hacer operaciones crudas en ReactJS?»
En Redux , las acciones son el objeto de JavaScript que tiene información. Tener múltiples acciones necesitará múltiples creadores de acciones. Estas acciones deben ser únicas en redux. Especialmente, el tipo de acción debe definirse adecuadamente para identificar eso. Tomaremos el ejemplo de las acciones de la lista de tareas pendientes. Hay acciones que definiremos … Continue reading «¿Cómo manejar más acción usando redux?»
Antes de discutir la diferencia entre React.lazy y @loadable/components , hablemos de qué son y por qué los necesitamos. Tanto React.lazy como @loadable/components se utilizan principalmente para el proceso de Code-Splitting . División de código: la división de código es una técnica de optimización compatible con paquetes como Webpack, Rollup y Browserify (a través de … Continue reading «¿Cuáles son las diferencias entre React.lazy y @loadable/components?»
JSX es una extensión del lenguaje JavaScript que es útil para escribir aplicaciones React. JSX consta de etiquetas, atributos y elementos secundarios. También podemos crear nuestros propios elementos personalizados en React. Un elemento personalizado nos brinda una nueva etiqueta HTML en el archivo JSX que podemos controlar a través de una API nativa del navegador. … Continue reading «¿Cómo usar elementos JSX personalizados?»
En este artículo, aprenderemos cómo hacer una navegación fluida en la página en una aplicación de reacción usando un paquete npm React Anchor Link Smooth Scroll. Características de React Anchor Link Smooth Scroll: Módulo de peso ligero. Muy fácil de usar al igual que la etiqueta de anclaje. Función de desplazamiento suave mejor para la … Continue reading «Navegación en la página de ReactJS»
React 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. El navegador no entiende React, solo entiende HTML, CSS y JavaScript. Entonces, para convertir React … Continue reading «¿Por qué necesita importar React en componentes funcionales?»
En este artículo, vamos a aprender cómo podemos agregar un reloj analógico 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 nuestro reloj analógico, usaremos … Continue reading «¿Cómo agregar un reloj analógico en ReactJS?»