Scribd
Cargar
36 vistas2 páginas

Apuntes

Este documento contiene información sobre la importación de componentes y bibliotecas en React, incluidos React, ReactDOM y reportWebVitals. También explica cómo inicializar una aplicación React en el cliente usando ReactDOM.createRoot() y renderizar elementos con root.render(). Por último, describe el uso de <React.StrictMode> para resaltar posibles problemas en una aplicación React.

Cargado por

Dante Flores
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como DOCX, PDF, TXT o lee en línea desde Scribd
36 vistas2 páginas

Apuntes

Este documento contiene información sobre la importación de componentes y bibliotecas en React, incluidos React, ReactDOM y reportWebVitals. También explica cómo inicializar una aplicación React en el cliente usando ReactDOM.createRoot() y renderizar elementos con root.render(). Por último, describe el uso de <React.StrictMode> para resaltar posibles problemas en una aplicación React.

Cargado por

Dante Flores
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como DOCX, PDF, TXT o lee en línea desde Scribd
Está en la página 1/ 2

import React from 'react';

js. origen/aplicación. js: este es el archivo para el componente de la aplicación. App


Component es el componente principal en React que actúa como un contenedor para todos
los demás componentes. src/App.css: este es el archivo CSS correspondiente al componente
de la aplicación.

import React from 'react';


Si usa React, importar React desde 'react' es lo primero que escribe en su código, pero si ha
creado una nueva aplicación de reacción usando creat-react-app recientemente, es posible
que haya notado que no hay una declaración de importación de React en la parte superior y su
código funciona bien.

import ReactDOM from 'react-dom/client';


https://reactjs.org/docs/react-dom-client.html

El paquete react-dom/client proporciona métodos específicos del cliente que se utilizan para
inicializar una aplicación en el cliente. La mayoría de sus componentes no deberían necesitar
usar este módulo.

https://stackoverflow.com/questions/40737160/import-app-from-app

import App from './App';


La línea anterior se usa para importar la clase que ha escrito en el archivo App.js en el mismo
directorio.
import App from 'App'
Utilice el primero si desea importar archivos definidos por el usuario y el segundo para
importar paquetes. para importar archivos, técnicamente es lo mismo si usó o no la
extensión .js.

https://stackoverflow.com/questions/64941176/reportwebvitals-is-not-defined

import reportWebVitals from './reportWebVitals';


De forma predeterminada, Create React App incluye un repetidor de rendimiento que le
permite medir y analizar el rendimiento de su aplicación utilizando diferentes métricas.
https://reactjs.org/docs/react-dom-client.html

ReactDOM.createRoot
El paquete react-dom/client proporciona métodos específicos del cliente que se utilizan para
inicializar una aplicación en el cliente. La mayoría de sus componentes no deberían necesitar
usar este módulo.

https://reactjs.org/docs/rendering-elements.html

root.render
Para renderizar un elemento React, primero pase el elemento DOM a ReactDOM.createRoot(),
luego pase el elemento React a root.render():

https://reactjs.org/docs/strict-mode.html

<React.StrictMode>
    <App />
  </React.StrictMode>
StrictMode es una herramienta para resaltar problemas potenciales en una aplicación. Al igual
que Fragment, StrictMode no muestra ninguna interfaz de usuario visible. Activa controles y
advertencias adicionales para sus descendientes.

Las comprobaciones de modo estricto se ejecutan solo en modo de desarrollo; no afectan la


construcción de producción.

También podría gustarte