¿Por qué los componentes ReactJS están tan hinchados en comparación con componentes similares de jQuery / Bootstrap (por ejemplo, botones, selectores de fecha, carga de imágenes, etc.)?

¿Qué te hace decir que está hinchado? Y cómo se comparan con los componentes de jQuery y Bootstrap, esas son cosas muy diferentes.

El componente React más básico (sin estado) puede ser solo una función que devuelve el resultado de `React.createElement` o, más comúnmente, alguna sintaxis JSX, que luego se compila para las llamadas` React.createElement`. Esta función se conoce como una función de representación.

Bootstrap es un marco de diseño, que se entrega como un montón de CSS y JavaScript para que las cosas se vean bonitas, no agrega ningún componente.
Lo mismo con jQuery, es solo una biblioteca de JavaScript para ayudar con las manipulaciones DOM y algunas otras tareas comunes, como las solicitudes ajax, una vez más sin definir ningún componente.
En ambos casos, tendrá que escribir algo de HTML para que se muestre algo en la página; React está haciendo esto internamente en función de lo que devuelve la función de renderizado.

No voy a decir hinchado. Yo diría que está muy bien optimizado.

En React, debe cuidar cómo y cuándo realizar las mutaciones Dom manejando su método de ciclo de vida: componentDidUpdate, componentWillUpdate, etc.