Soy nuevo en el desarrollo de la interfaz de usuario. Solo tenía una pregunta de diseño y quería saber si el enfoque que estoy tomando es correcto.
Caso de uso: tengo que cargar condicionalmente un archivo JS de Marketing de terceros de gran tamaño. Y luego use esta API JS en 2 de mis componentes.
Diseño que tengo:
Cree un componente de proveedor solo para cargar este archivo JS y el estado isScriptLoaded para capturar si está 'cargado' o 'falló'. NOTA: Podría haber más accesorios además de isScriptLoaded en el futuro que podría necesitar para llegar a los niños.
Cree un componente render less ierender => (return null) Child-1 que solo haría una llamada API si isScriptLoaded está 'cargado' para redirigir la página según la respuesta.
Cree un componente Child-2 que solo haría una llamada API si isScriptLoaded está 'cargado', para cargar contenido dinámico en la página actual.
¿Se ve bien el diseño anterior?
NOTA: No puedo realizar la carga diferida, ya que el proveedor recomienda cargar el script desde el principio para evitar una mala experiencia de usuario.
¡Gracias!