Por ejemplo, mi aplicación React depende del paquete MUI .
Pero solo importo el Slider y AutoComplete del paquete.
¿Solo estos 2 componentes tendrán un efecto en mi aplicación en términos de rendimiento para el usuario final? ¿O todo el paquete tiene el mismo efecto independientemente solo porque es una dependencia?
Webpack (enviado con create-react-app ) se asegura de que las importaciones como esa se transformen en producción para minimizar el tamaño del paquete.
Sin embargo, este no es el caso en el desarrollo. Sin la configuración personalizada de babel, importará toda la biblioteca y su aplicación tardará una eternidad en iniciarse en el modo de desarrollo. Los documentos de Mui tienen una sección sobre cómo lidiar con eso, pero está un poco desactualizado wrt/ create-react-app . Hoy en día existe un craco que facilita mucho todo este proceso. Pero si no puede molestarse en aprender otra biblioteca anti-expulsión de CRA , puede seguir el tutorial de Mui y obtener exactamente el mismo resultado, solo que menos preparado para el futuro.