Next.js es un framework full-stack basado en React que habilita funcionalidades como la renderización previa de páginas web. A diferencia de la aplicación de reacción tradicional en la que toda la aplicación se carga en el cliente, Next.js permite que la página web se represente en el servidor, lo que es excelente para el rendimiento … Continue reading «Métodos de obtención de datos en Next.js»
En este artículo, aprenderemos sobre los usos del método shouldComponentUpdate() en componentes basados en clases. El método de ciclo de vida shouldComponentUpdate() no se ejecuta para el renderizado inicial sino para cada nuevo renderizado después del renderizado inicial. Se invoca antes de que el componente se vuelva a renderizar cuando se reciben las propiedades o … Continue reading «¿Cuál es el uso de los métodos shouldComponenUpdate() en 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. Es mantenido por Facebook. En este artículo, aprenderemos cómo cambiar el idioma en el componente … Continue reading «¿Cómo cambiar el idioma en el componente DayPickerInput de react-day-picker?»
NextJS es un marco basado en reacción que brinda al desarrollador todas las funciones necesarias para la producción. Next.js es un marco basado en reacción. Tiene poderes para desarrollar hermosas aplicaciones web para diferentes plataformas como Windows, Linux y Mac. En esta publicación, vamos a crear una página de error personalizada o una página 404 … Continue reading «¿Cómo crear una página de error personalizada en Next.js?»
Componentes no controlados: los componentes no controlados son los componentes que no están controlados por el estado React y son manejados por el DOM (Document Object Model). Entonces, para acceder a cualquier valor que se haya ingresado, tomamos la ayuda de las refs. Por ejemplo, si queremos agregar un archivo como entrada, esto no se … Continue reading «Componentes controlados vs no controlados en ReactJS»
En este artículo, vamos a aprender sobre la importancia de las referencias en React. Las referencias son una función proporcionada por React para acceder al elemento DOM y al elemento React que podría haber creado por su cuenta. Se utilizan en casos en los que queremos cambiar el valor de un componente secundario, sin hacer … Continue reading «¿Cuál es el significado de las referencias en ReactJS?»
El patrón para representar una lista de componentes a partir de una array de datos se puede realizar asignando todos los datos personalizados individuales al componente. Con la función map, asignaremos todos los datos de los elementos de la array a los componentes personalizados en una sola línea de código. Creemos una aplicación de reacción … Continue reading «¿Cuál es el patrón típico para representar una lista de componentes de una array de datos en ReactJS?»
En este artículo, aprenderemos cómo mostrar simplemente la hora actual en nuestra aplicación ReactJs. Usaremos el método Date(). Crearemos un nuevo objeto con Date(), que viene junto con algunos métodos predefinidos como getMonth() que muestra el mes, getHour() muestra la hora actual, getTime() que muestra en milisegundos el tiempo calculado desde 1970 en caso de … Continue reading «Capturando tiempo en React»
En este artículo, vamos a aprender cómo podemos agregar input sider 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 de control deslizante, … Continue reading «¿Cómo agregar control deslizante de entrada en React.js?»
ReactJS: ReactJS 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. Es mantenido por Facebook. API: API es una abreviatura de Interfaz de programación de … Continue reading «Diferentes formas de obtener datos usando API en React»