Cuando aprendí JavaScript hace unos años, jQuery todavía se consideraba una buena práctica estándar, y se recomendaba llamar al código de la aplicación principal desde el controlador de eventos $document.ready() , para garantizar que el DOM fuera seguro de usar.
Avance rápido unos años desde la última vez que trabajé en JavaScript, y el consenso hoy en día parece ser evitar jQuery. Además, dado que los scripts generalmente se cargan al final del documento HTML, parece que $document.ready() podría no ser necesario por más tiempo.
En la pregunta $(document).ready equivalente sin jQuery , veo varias alternativas modernas para este fragmento de código. Sin embargo, todavía no me queda claro si incluir alguno de estos se considera una práctica estándar o se recomienda, en general.
Entonces, mi pregunta es sobre la práctica actual: ¿debería incluir siempre dicho código como el punto de entrada de una aplicación Vanilla JS o, por el contrario, ahora se considera seguro comenzar a cargar la aplicación JS sin envoltorios?
Un evento equivalente es DOMContentLoaded
El evento DOMContentLoaded se activa cuando el documento HTML inicial se ha cargado y analizado por completo, sin esperar a que las hojas de estilo, las imágenes y los submarcos terminen de cargarse.
Fuente: https://developer.mozilla.org/en-US/docs/Web/API/Window/DOMContentLoaded_event
window.addEventListener('DOMContentLoaded', (event) => { console.log('DOM fully loaded and parsed'); });
Para abordar la última parte de su pregunta, diría "¡Sí!" ^^
Puede definir sus funciones personalizadas fuera de este alcance de "función principal", pero espere a que se complete el evento antes de hacer algo con el DOM.