¿Cuáles son algunas de las mejores prácticas no conocidas al desarrollar aplicaciones Javascript para la web?

Mis pocos centavos en buenas / mejores prácticas:

• Ver datos no DOM; DOM debe ser reflejo de los datos. Consejo de usuario: Ver datos, no DOM
• La función debe ser pura la mayor parte del tiempo.
• Si está utilizando jQuery; consultar el DOM puede ser costoso a veces; captura el resultado y usa find o context en result para encontrar un subconjunto.

$ lista = $ (‘. página .resultados .recomendaciones’);
$ list.find (‘li’). hide ();
//o
$ (‘li’, $ lista) .hide ();

• Use carga diferida para recursos asíncronos e imágenes

Si le gustó mi respuesta, le agradecería que la votara al presionar el botón azul claro a continuación y pueda seguirme si desea leer más como estos. O puedes visitar mi blog Time to Hack

Algunos fuera de mi cabeza

• Use un contenedor de estado como redux para administrar el estado de la interfaz de usuario de su aplicación. Si está construyendo algo no trivial, las cosas pueden salir rápidamente de las manos si comienza a administrar el estado por su cuenta.
• El desarrollo web moderno se trata de componentes. Coloca tu componente, estilo y datos. No creerá cuán rápido los nuevos desarrolladores pueden ser productivos cuando se les presenta una base de código construida de esta manera.
• Tenga un flujo de trabajo de desarrollo bien definido para su proyecto. Mi herramienta para ir a una tubería de compilación es webpack.
• Si no usa el mecanografiado, use un anotador de tipo como flow. Le ayuda a medida que aumenta su base de código.
• Pruebe su aplicación web en Chrome habilitando la aceleración de red y CPU.
• Use animaciones para que su aplicación web se sienta más interactiva.
• Evite las API habladoras.
• Optimice el tiempo para la primera interacción y el rendimiento percibido.