Cómo Google contribuye al desarrollo web a través de frameworks

Google ha jugado un papel importante en el éxito de la web, en parte porque ha trabajado arduamente para ser amigable con ella. Claro, hay intereses propios detrás de esa amabilidad (esos anuncios no se publican solos), sin embargo, a lo largo de los años, Google ha invertido mucho en facilitar la creación de aplicaciones para la web, mientras también construye un navegador web que muchos utilizan para acceder a esas aplicaciones (Google Chrome).

En el principio fue Angular

Con el paso del tiempo, Google ha adoptado activamente una variedad de frameworks de desarrollo web del lado del cliente, incluso construyendo y lanzando en código abierto el muy popular AngularJS. En el caso de Angular, Google quería "resolver un problema común que muchos desarrolladores enfrentan: cómo construir, diseñar y administrar una aplicación web", mencionó Sullivan, Product Manager de Google Chrome. De hecho, utilizando un prototipo temprano del framework, uno de los autores logró reducir miles de líneas de código en una sola aplicación. Al igual que muchas compañías, Google entiende lo útil que puede ser contar con un framework funcional y probado para construir aplicaciones grandes y complejas.

Esto no explica exactamente por qué Google decide intervenir y facilitar el desarrollo a través de frameworks. Después de todo, la web no va a desaparecer. ¿Presumiblemente los desarrolladores web (y los frameworks web) pueden valerse por sí mismos?

Según Sullivan, "el equipo de Chrome tiene como objetivo invertir en áreas que mejoren más la experiencia del usuario en la web. Con cuatro quintas partes de los desarrolladores de JavaScript del lado del cliente usando al menos un framework JavaScript importante, apoyar a los frameworks es una de las mejores formas de mejorar la web". En otras palabras, los desarrolladores ya están utilizando los frameworks, por lo que tiene sentido asegurarse de que esos frameworks sean de la más alta calidad posible.

Claro está que esa calidad no se detiene solo en el framework. "Los frameworks y los navegadores son realmente dos mitades de un todo. Los desarrolladores construyen sus funcionalidades sobre una plataforma que los incluye a ambos. Y, para lograr una gran experiencia de usuario, la aplicación, el framework y el navegador deben estar ajustados para trabajar juntos", indicó Sullivan.

No querrás hacerlo por tu cuenta

Consejos para negociar un aumento de salario como desarrollador de software

Para construir aplicaciones completas basadas en una biblioteca de IU (como React), es necesario que muchas herramientas se unan. Por ejemplo, los módulos de código deben empaquetarse utilizando un bundler como webpack y transformarse utilizando un compilador como Babel. Hay muchas otras piezas necesarias para crear una aplicación exitosa, como renderizado del lado del servidor, división automática de código, exportación estática, empaquetado, implementación, encapsulación de CSS, y más, sin mencionar las mejoras importantes en la experiencia de los desarrolladores, como la recarga en caliente.

Los frameworks del lado del cliente no pueden garantizar un gran rendimiento debido a que en general no controlan la integración cliente-servidor (un punto discutido ampliamente por Yehuda Katz recientemente). Es aquí donde metaframeworks como Next.js (creación de Guillermo Rauch), Nuxt (para el ecosistema de Vue) y Gatsby pueden ayudar.

Por ejemplo, Next.js ayuda a los desarrolladores que han elegido React a pasar más tiempo construyendo características y menos tiempo configurando la infraestructura. También proporciona guías para prevenir patrones incorrectos, asegurando que tu proyecto pueda crecer desde un sitio web pequeño hasta una aplicación web completa. El ecosistema de frameworks es muy diverso y se necesita mucho conocimiento específico para hacer que todas estas piezas funcionen bien juntas.

Esto no significa que las empresas no intenten hacerlo por su cuenta, de hecho, lo hacen. Por lo general, no termina bien, como señaló Sullivan: "La retroalimentación constante que recibimos de las empresas es que intentaron crear su propia solución y resultó ser difícil de mantener con el tiempo". Por ejemplo, Hulu encontró que sus desarrolladores se volvieron más productivos después de cambiar de una solución personalizada a Next.js.

Colaborando en Next.js y más

Sí, Angular nació en Google, pero la compañía intenta abarcar un espectro más amplio al optimizar los frameworks web, según Sullivan. "Cada framework tiene sus propios casos de uso y sabor. Nada reemplaza a un desarrollador inteligente que considera todos los criterios y elige el framework adecuado para una aplicación en particular". Dicho esto, "notamos que muchos desarrolladores eligen React, Angular y Vue, por lo que nos estamos encontrando con los desarrolladores donde están. Nos dimos cuenta de que esta decisión le corresponde a los desarrolladores. Queremos que tengan éxito (y que sus aplicaciones sean rápidas) sin importar el framework que elijan".

En lo que respecta a Next.js, el equipo de Chrome ha contribuido con 43 pull requests en 2019, reduciendo JavaScript no utilizado en más de 100kb en un área y reduciendo a la mitad el tiempo de bloqueo total (el tiempo en el que un usuario no puede hacer clic en la página) (de 800ms a 400ms en zeit.com). También han agregado nuevas métricas de rendimiento a Next.js para que los equipos que lo utilicen puedan comprender mejor su aplicación desde el principio.

8 consejos para el éxito como mujer desarrolladora en la industria tecnológica

¿Y más allá de Next.js? "Además de Next, también estamos recibiendo excelentes comentarios de otros frameworks, como Vue, Gatsby, Angular (por supuesto), Ember y Svelte, una novedad. Donde no hemos contribuido con código directamente, hemos estado apoyando múltiples proyectos de rendimiento a través de nuestro Framework Fund con el objetivo de permitir que más éxitos como estos se propaguen en el ecosistema de los frameworks y, por lo tanto, lleguen a los desarrolladores, independientemente del framework que elijan", concluyó Sullivan.

En Newsmatic nos especializamos en tecnología de vanguardia, contamos con los artículos mas novedosos sobre Desarrollo, allí encontraras muchos artículos similares a Cómo Google contribuye al desarrollo web a través de frameworks , tenemos lo ultimo en tecnología 2023.