Me gustaría entender cómo los navegadores manejan JavaScript una vez que se incluye con Webpack, por ejemplo. Según tengo entendido, se transmite al navegador un código JavaScript comprensible para el navegador, después de la transpilación del código React con Babel y el paquete de las diferentes partes de una aplicación, lo que significa que no hay más código relacionado con la biblioteca React. ¿Correcto? Y, sin embargo, aún es posible beneficiarse de las funcionalidades para las que se usa React, pero entonces, ¿dónde se encuentra React, cómo ocurre el intercambio con el navegador? ¿La biblioteca React está incluida de alguna manera en el código incluido?

Puedo imaginar un escenario como este:

• el código, incluido el código React transpilado, se incluye en el servidor que lo aloja
• cuando un usuario solicita la página, se reciben los diferentes archivos del paquete, incluido el código JavaScript, incluidas las funciones de React utilizadas en la aplicación
• el DOM está construido
• el JavaScript es evaluado por el motor de JavaScript del navegador, y los eventos se adjuntan al DOM
• cuando se activa un evento, el evento ejecuta la función asociada
• y aqui no tengo idea que puede pasar, como se actualiza el estado ya que no hay mas codigo como "const [state, setState] = useState()", solo se que el DOM esta virtualmente reconstruido para ser comparado etc.. ¿Es una versión transpilada "const [state, setState] = useState()"?

editar:

 import {useState} from 'react'; const [state, setState] = useState();

Acabo de probar este código y en Babel'site y da:

 "use strict"; var _react = require("react"); const [state, setState] = (0, _react.useState)();

¿Significa esto que React está incluido en el paquete? En caso afirmativo, ¿cómo realiza el navegador las importaciones (he oído hablar de los cargadores de módulos, pero no tengo idea de si eso es lo que es, una búsqueda en la web no me da ningún resultado)?

Gracias de antemano por sus respuestas