¿Cómo funcionan las instrucciones de importación React? - javascript, reactjs

Cuando programamos usando React, generalmente comenzamos con lo siguiente:

import React from "react";
import ReactDOM from "react-dom"

Y luego tenemos acceso a la funcionalidad Reaccionar de alguna manera. ¿Cómo funciona esto realmente? ¿Dónde se encuentran los módulos react y react-dom y cómo sabe el compilador cómo encontrarlos?

Respuestas

Aquí hay un gran artículo sobre Comprensión de los módulos es6.

Lo esencial

En ES6 cada módulo se define en su propio archivo. Las funciones o variables definidas en un módulo no son visibles fuera a menos que las exporte explícitamente. Esto significa que puede escribir código en su módulo y solo exportar aquellos valores a los que otras partes de su aplicación deben acceder.

Los módulos ES6 son de naturaleza declarativa. Para exportar ciertas variables desde un módulo, simplemente use la palabra clave exportar. Del mismo modo, para consumir las variables exportadas en un módulo diferente, utilice la importación.

En tu ejemplo, React y ReactDOM se agregan a sus proyectos /node_modules carpeta cuando los instala a través de npm o yarn. Una vez que se hayan instalado en su proyecto, puede import en su código y obtenga acceso a sus funciones exportadas.