SiguienteJS Fast Refresh

En este artículo, aprenderemos sobre la actualización rápida en el proyecto NextJS. Fast Refresh es una nueva experiencia de recarga en caliente que le brinda comentarios instantáneos sobre las ediciones realizadas en sus componentes React. Ahora está habilitado de forma predeterminada para todos los proyectos en Next.js 9.4 o posterior.

NextJS es un marco basado en React. Tiene el poder de desarrollar hermosas aplicaciones web para diferentes plataformas como Windows, Linux y Mac. La vinculación de rutas dinámicas ayuda a representar sus componentes NextJS de forma condicional.

Crear aplicación NextJS: puede crear un nuevo proyecto NextJS usando el siguiente comando:

npx create-next-app gfg

Estructura del proyecto: Se verá así.

Todas las aplicaciones NextJs con la versión 9.4 o posterior vienen con la función de actualización rápida que le brinda comentarios instantáneos sobre las ediciones realizadas en sus componentes React. 

Ejemplo: para este ejemplo, crearemos un nuevo archivo javascript en nuestro directorio de páginas con el nombre ‘gfg.js’ con el siguiente contenido.

Javascript

import React from 'react'
  
export default function index() {
  return (
    <div>
      <h1>This is File</h1>
    </div>
  )
}

Aquí creamos un componente de reacción simple llamado índice y dentro de este componente, agregamos un encabezado. Ahora, después de ejecutar la aplicación, si hacemos algún cambio en nuestro archivo gfg.js, los cambios serán visibles en un segundo, sin perder el estado del componente.

Pasos para ejecutar la aplicación: Ejecute el siguiente comando en la terminal para ejecutar la aplicación.

npm run dev

Producción:

Publicación traducida automáticamente

Artículo escrito por imranalam21510 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *