¿En qué marco web está construida la nueva interfaz web de WhatsApp?

Mis observaciones están en mi blog:
Rompiendo abierto https://web.whatsapp.com/

Los extractos del blog son:

Primero permítanme enumerar los marcos que han usado para crear esta aplicación:

  1. React.js: UNA BIBLIOTECA JAVASCRIPT PARA CONSTRUIR INTERFACES DE USUARIO de Facebook.
  2. Underscore.js: Unerscore es una biblioteca de JavaScript que proporciona un montón de útiles ayudantes de programación funcional sin extender ningún objeto incorporado. Es la respuesta a la pregunta: “Si me siento frente a una página HTML en blanco, y quiero comenzar a ser productivo de inmediato, ¿qué necesito?” … y el lazo para combinar con el esmoquin de jQuery y los tirantes de Backbone.
  3. Velocity.js: Velocity es un motor de animación con la misma API que jQuery’s $ .animate (). Funciona con y sin jQuery. Es increíblemente rápido y presenta animación en color, transformaciones, bucles, flexibilidades, soporte SVG y desplazamiento. Es la mejor combinación de transiciones jQuery y CSS.

Estas son las piezas principales. Han estado utilizando Websockets seguros para comunicarse con su teléfono a través del servidor. Me pregunto por qué no usaron el dataChannel de webrtc allí. Hmmm cuando hago esta pregunta, la respuesta se hizo clara, porque solo Android lo habría admitido.

Están utilizando la Api de FileSystem de Chrome que hace que su aplicación sea específica de Chrome. En este caso, incluso los canales de datos podrían haberse utilizado, ya que niega el argumento anterior. Creo que la razón para no usar el canal de datos basado en WebRtc es evitar la dificultad de configurar la conexión inicial, que los sockets web resuelven colocando un servidor en el medio.

Parecen estar usando los principios de Google Material Design.

Entonces, veo que han modificado la forma de XMPP presente en el protocolo de chat y están reenviando las estrofas que el teléfono recibe al cliente web. Por lo tanto, para usar el teléfono del cliente web debe estar encendido y funcionando. Y cada comunicación que ocurre en el cliente web en realidad iría a través de su teléfono. Por lo tanto, webclient es solo una interfaz de usuario proxy para su teléfono.

¿Qué significa esto?

  • Más transferencia de datos por teléfono. Comprueba tu uso de datos.
  • Más consumo de batería debido a la transferencia de datos.

Aunque el cliente web de WhatsApp nos hace la vida más fácil, tiene un costo.

Ellos usan:

  • Reaccionar desde Facebook (Una biblioteca de JavaScript para construir interfaces de usuario | Reaccionar)
  • Modernizr (la biblioteca de detección de características para HTML5 / CSS3)
  • Moment.js (Moment.js | Inicio)
  • Bluebird (probablemente: petkaantonov / bluebird)
  • Underscore.js (Underscore.js)
  • VelocityJS (Velocity.js)
  • Fuente Open Sans de Google

Muchas otras cosas escritas por ellos mismos.

¡Adiós!

More Interesting

¿Cuáles son las desventajas de usar un marco web?

¿Por qué el espacio de seguimiento de tareas en línea / seguimiento de problemas / gestión de proyectos está tan lleno?

Cómo construir una página de inicio de sesión múltiple

Cómo escribir un script para mostrar una notificación en mi computadora portátil con respecto a las noticias y puntajes de IPL

¿Cuál es la solicitud de publicación en una aplicación web?

¿Cuánto cuesta construir una aplicación web con análisis de datos pesados ​​en su back-end?

¿Hay alguna aplicación de informes disponible en la web?

¿Cómo se usa la programación reactiva funcional para aplicaciones web?

Desde una perspectiva de escalabilidad, ¿debería una startup adoptar NoSQL desde el primer día o debería convertirse gradualmente a medida que crecen la base de usuarios y los datos?

Cómo aprender a escribir aplicaciones web

¿Cuáles son algunos de los problemas de la vida real que enfrenta alguien ahora que se pueden resolver desarrollando una aplicación web / sitio web?

¿Qué es la representación del lado del cliente y del servidor y cómo se relaciona con las aplicaciones de una sola página?

¿El futuro de PHP es más brillante que JSP y ASP debido a la política de código abierto que hace que cada vez más marcos estén disponibles para desarrollar aplicaciones web sostenibles? ¿Crees que en el futuro, PHP superará la necesidad de ASP y JSP?

¿Cuáles son las diferencias entre Django, Flask y Web2py en términos de funcionalidad y facilidad?

¿Qué tipo de sistema de pago usan sitios como 99 diseños o ugallery?