10 Años de OSS Independiente: Una Retrospectiva

Rate this content
Bookmark

En esta charla, Evan echa un vistazo atrás en su trayectoria de código abierto, comenzando desde proyectos de hobby hasta liderar hoy en día dos de los proyectos más influyentes en el ecosistema de JavaScript: Vue y Vite. Discutiremos los altibajos durante este viaje, y también tocaremos un poco sobre el futuro de los dos proyectos.

This talk has been presented at JSNation 2024, check out the latest edition of this JavaScript Conference.

Evan You
Evan You
33 min
13 Jun, 2024

Comments

Sign in or register to post your comment.

Video Summary and Transcription

Esta charla es una retrospectiva de diez años sobre el crecimiento del framework Vue.js como un proyecto de código abierto. Destaca los desafíos enfrentados por los desarrolladores de código abierto, la importancia de encontrar un equilibrio y gestionar el alcance, y la naturaleza colaborativa de la comunidad de Vue. La charla también discute el desarrollo de Vite como una herramienta de construcción y la visión de una cadena de herramientas unificada de JavaScript. Hace hincapié en la necesidad de alineación comunitaria, contribuciones y pruebas, al tiempo que reconoce los desafíos de los actores malintencionados en la comunidad de código abierto.

1. Introducción a Diez Años de Open Source

Short description:

Esta charla es una retrospectiva de diez años sobre el trabajo en código abierto. Cubre mi experiencia como desarrollador independiente de código abierto, comenzando con el lanzamiento de Vue.js en 2014. Ahora trabajo a tiempo completo en Vue, Vite y otros proyectos relacionados. Vue es un framework de JavaScript para el front-end que ha experimentado un crecimiento significativo en los últimos diez años, con numerosos commits en GitHub, lanzamientos, estrellas, descargas de npm y una gran base de usuarios. La magnitud del crecimiento de Vue ha superado mis expectativas.

Estoy realmente emocionado de estar aquí. Esta es, de hecho, la séptima u octava vez que estoy en Ámsterdam. Pero quiero comenzar la charla rápidamente porque me di cuenta muy tarde de que solo tengo 20 minutos y tengo como 40 diapositivas o algo así. Voy a tratar de ir rápido, de lo contrario no podré terminar a tiempo.

Esta charla trata sobre una retrospectiva de diez años sobre el trabajo en código abierto. Acerca de mí, soy un desarrollador independiente de código abierto y he sido independiente desde 2016, así que eso son un poco más de ocho años, pero mi primera incursión en el código abierto fue el lanzamiento de Vue.js en 2014. Este año marca diez años de trabajo en código abierto y construcción en público. Ahora estoy basado en Singapur y trabajo a tiempo completo en Vue, Vite y otros proyectos de código abierto relacionados. Antes de trabajar a tiempo completo, trabajé brevemente en Google y luego en una startup llamada Meteor.js. Eso es suficiente sobre mí.

Cosas en las que trabajo. Trabajo en dos cosas, principalmente. Una es Vue, que es un framework de JavaScript para el front-end creado en 2014. ¿Cuántos de ustedes han oído hablar de ello? Gracias. La otra herramienta es una herramienta de construcción para el front-end llamada Vite. ¿Cuántos de ustedes están usando Vite? Wow. Genial. Así que Vite fue creado en 2020, hace unos cuatro años. Así que hablemos primero de Vue. Es un proyecto de diez años. Tomó mucho tiempo llegar hasta aquí. Pero si hacemos una breve instantánea de Vue hoy en día, tenemos dos repositorios en GitHub, uno para Vue 2 y otro para Vue 3. Combinando estos dos repositorios, tenemos más de 9,000 commits, más de 500 lanzamientos, más de 250,000 estrellas en GitHub, 5 millones de descargas semanales de npm y 2.2 millones de usuarios en todo el mundo. Estas son estadísticas de nuestra extensión de herramientas de desarrollo. Tiene más de 1,000 millones de solicitudes mensuales de CDN en JSDeliver. Cada año, miro estos números y me maravillo de la escala en la que Vue ha crecido, y creo que probablemente, la gente me ha hecho la misma pregunta tantas veces. ¿Esperabas que esto sucediera cuando comenzaste a trabajar en Vue? Y la respuesta obvia es no. No tenía idea de cómo iba a ser. Sin expectativas en absoluto.

2. Early Days and the Journey

Short description:

Comencé a trabajar en Vue a tiempo completo después de sus humildes comienzos en 2014. La línea de tiempo de los lanzamientos y actualizaciones de Vue muestra su crecimiento y evolución. Mantener un proyecto de código abierto puede llevar al agotamiento debido a las altas expectativas de los usuarios. Sin embargo, el viaje es similar al ciclo de adopción de la tecnología, con una emoción inicial seguida de desafíos y eventual productividad.

Incluso cuando decidí que quería comenzar a trabajar en ello a tiempo completo. Así que es un viaje bastante asombroso. Pero retrocedamos un poco y hablemos un poco sobre los primeros días. No voy a profundizar demasiado en las pequeñas historias de cómo todo comenzó, por qué tuve la idea. Pero el humilde comienzo en las primeras fases cuando lancé Vue por primera vez en febrero de 2014, el resultado fue que obtuve unas pocas cientos de estrellas en GitHub y estaba muy emocionado al respecto. Pero eso fue solo el comienzo, así que la emoción realmente no duró mucho, para ser honesto.

Pero echemos un vistazo a la breve línea de tiempo. El primer lanzamiento, con el nombre de Vue.js, fue en realidad en 2013. Fue privado. Solo lo puse en NPM pero no se lo dije a nadie. El primer anuncio público fue en febrero de 2014. Alcanzó la versión 1.0 en octubre de 2015. La versión 2.0 en 2016, la versión 3.0 comenzó en septiembre de 2018. Y el sublanzamiento en septiembre de 2020. La versión 3.0 finalmente se convirtió en la predeterminada en enero de 2020. Y en diciembre de 2023, finalmente declaramos que Vue 2 llegó a su fin de vida. Así que esa es una visión general muy, muy rápida, ¿verdad? Pero realmente no quiero pasar esta charla hablando de todos los pequeños cambios que ocurrieron a lo largo del tiempo en Vue. Porque quiero que esta charla sea más sobre el viaje, el sentimiento, ya sabes, cómo han cambiado las cosas para mí a lo largo de trabajar en un proyecto que creció más allá de mis expectativas. Así que hubo muchos altibajos.

Una cosa muy obvia, si miras, profundizas en mi perfil de GitHub y ves, hay un gráfico aquí. Así que eso fue en febrero de 2014 cuando lancé Vue por primera vez. Y hubo varios meses después de eso en los que no escribí ningún código en GitHub en absoluto porque estaba bastante agotado, ¿verdad? Esto sucede bastante a menudo. ¿Cuántos de ustedes aquí mantienen un proyecto de código abierto? No muchos de ustedes. Pero si has mantenido un proyecto de código abierto a lo largo del tiempo, probablemente hayas experimentado alguna forma de agotamiento, ¿verdad? Porque las expectativas que los usuarios de código abierto depositan en ti, especialmente cuando tienes un proyecto que ha crecido más de lo que esperabas, son tremendas, ¿verdad? Me gusta hacer una analogía con este ciclo de adopción de tecnología que muchos de ustedes probablemente han visto. Por lo general, cuando sale una nueva tecnología, hay este pico de expectativas infladas. Y luego cae en picado a esta fase de desilusión donde piensas, esto es una porquería. Y luego necesitas cruzar ese abismo para poder volver a la pendiente de la iluminación y al plateau de la productividad al final. Así que hago una analogía de eso con la participación en el código abierto. Cuando te involucras en el código abierto, y esto es personalmente para mí, cuando me involucré por primera vez en el código abierto, hubo un pico de emoción y producción.

QnA

Check out more articles and videos

We constantly think of articles and videos that might spark Git people interest / skill us up or help building a stellar career

Vite: Repensando las Herramientas de Frontend
JSNation Live 2021JSNation Live 2021
31 min
Vite: Repensando las Herramientas de Frontend
Top Content
Vite is a next-generation build tool that leverages native ES modules for improved performance. It eliminates the need for bundling and improves hot module replacement. Vite provides an opinionated default configuration while still allowing advanced customization through plugins. It is framework agnostic and can be used for React and other applications. Vite is being adopted by Next.js and Create React App, and integration with Nuxt 3 offers significant speed improvements.
Todo Más Allá de la Gestión de Estado en Tiendas con Pinia
Vue.js London Live 2021Vue.js London Live 2021
34 min
Todo Más Allá de la Gestión de Estado en Tiendas con Pinia
Top Content
State management is not limited to complex applications and transitioning to a store offers significant benefits. Pinia is a centralized state management solution compatible with Vue 2 and Vue 3, providing advanced devtools support and extensibility with plugins. The core API of Pinia is similar to Vuex, but with a less verbose version of stores and powerful plugins. Pinia allows for easy state inspection, error handling, and testing. It is recommended to create one file per store for better organization and Pinia offers a more efficient performance compared to V-rex.
Bienvenido a Nuxt 3
Vue.js London Live 2021Vue.js London Live 2021
29 min
Bienvenido a Nuxt 3
Top Content
Nux3 has made significant improvements in performance, output optimization, and serverless support. Nuxt Bridge brings the Nitro engine for enhanced performance and easier transition between Nuxt 2 and Nuxt Read. Nuxt 3 supports Webpack 5, Bytes, and Vue 3. NextLab has developed brand new websites using Docus technology. Nuxt.js is recommended for building apps faster and simpler, and Nuxt 2 should be used before migrating to Nuxt 3 for stability. DOCUS is a new project that combines Nuxt with additional features like content modules and an admin panel.
Un Año en Vue 3
Vue.js London Live 2021Vue.js London Live 2021
20 min
Un Año en Vue 3
Top Content
Vue 3 has seen significant adoption and improvements in performance, bundle size, architecture, and TypeScript integration. The ecosystem around Vue 3 is catching up, with new tools and frameworks being developed. The Vue.js.org documentation is undergoing a complete overhaul. PNIA is emerging as the go-to state management solution for Vue 3. The options API and composition API are both viable options in Vue 3, with the choice depending on factors such as complexity and familiarity with TypeScript. Vue 3 continues to support CDN installation and is recommended for new projects.
Utilizando Rust desde Vue con WebAssembly
Vue.js London Live 2021Vue.js London Live 2021
8 min
Utilizando Rust desde Vue con WebAssembly
Top Content
In this Talk, the speaker demonstrates how to use Rust with WebAssembly in a Vue.js project. They explain that WebAssembly is a binary format that allows for high-performance code and less memory usage in the browser. The speaker shows how to build a Rust example using the WasmPack tool and integrate it into a Vue template. They also demonstrate how to call Rust code from a Vue component and deploy the resulting package to npm for easy sharing and consumption.
Vue: Actualizaciones de Características
Vue.js London 2023Vue.js London 2023
44 min
Vue: Actualizaciones de Características
Top Content
The Talk discusses the recent feature updates in Vue 3.3, focusing on script setup and TypeScript support. It covers improvements in defining props using imported types and complex types support. The introduction of generic components and reworked signatures for defined components provides more flexibility and better type support. Other features include automatic inference of runtime props, improved define emits and defined slots, and experimental features like reactive props destructure and define model. The Talk also mentions future plans for Vue, including stabilizing suspense and enhancing computer invalidations.

Workshops on related topic

Vue3: Desarrollo Moderno de Aplicaciones Frontend
Vue.js London Live 2021Vue.js London Live 2021
169 min
Vue3: Desarrollo Moderno de Aplicaciones Frontend
Top Content
Featured WorkshopFree
Mikhail Kuznetcov
Mikhail Kuznetcov
Vue3 fue lanzado a mediados de 2020. Además de muchas mejoras y optimizaciones, la principal característica que trae Vue3 es la API de Composición, una nueva forma de escribir y reutilizar código reactivo. Aprendamos más sobre cómo usar la API de Composición de manera eficiente.

Además de las características principales de Vue3, explicaremos ejemplos de cómo usar bibliotecas populares con Vue3.

Tabla de contenidos:
- Introducción a Vue3
- API de Composición
- Bibliotecas principales
- Ecosistema Vue3

Requisitos previos:
IDE de elección (Inellij o VSC) instalado
Nodejs + NPM
Usando Nitro - Construyendo una Aplicación con el Último Motor de Renderizado de Nuxt
Vue.js London Live 2021Vue.js London Live 2021
117 min
Usando Nitro - Construyendo una Aplicación con el Último Motor de Renderizado de Nuxt
Top Content
Workshop
Daniel Roe
Daniel Roe
Construiremos un proyecto Nuxt juntos desde cero usando Nitro, el nuevo motor de renderizado de Nuxt, y Nuxt Bridge. Exploraremos algunas de las formas en que puedes usar y desplegar Nitro, mientras construimos una aplicación juntos con algunas de las restricciones del mundo real que enfrentarías al desplegar una aplicación para tu empresa. En el camino, dispara tus preguntas hacia mí y haré lo mejor para responderlas.
Monitoreo 101 para Desarrolladores de React
React Summit US 2023React Summit US 2023
107 min
Monitoreo 101 para Desarrolladores de React
Top Content
WorkshopFree
Lazar Nikolov
Sarah Guthals
2 authors
Si encontrar errores en tu proyecto frontend es como buscar una aguja en un pajar de código, entonces el monitoreo de errores de Sentry puede ser tu detector de metales. Aprende los conceptos básicos del monitoreo de errores con Sentry. Ya sea que estés ejecutando un proyecto de React, Angular, Vue, o simplemente JavaScript “vainilla”, mira cómo Sentry puede ayudarte a encontrar el quién, qué, cuándo y dónde detrás de los errores en tu proyecto frontend.
Nivel de la masterclass: Intermedio
TresJS crea experiencias 3D de forma declarativa con componentes Vue
Vue.js London 2023Vue.js London 2023
137 min
TresJS crea experiencias 3D de forma declarativa con componentes Vue
Workshop
Alvaro Saburido
Alvaro Saburido
- Introducción a 3D- Introducción a WebGL- ThreeJS- Por qué TresJS- Instalación o configuración de Stackblitz- Conceptos básicos- Configuración del lienzo- Escena- Cámara- Agregar un objeto- Geometrías- Argumentos- Props- Slots- El bucle- Composable UseRenderLoop- Callbacks antes y después de la renderización- Animaciones básicas- Materiales- Material básico- Material normal- Material Toon- Material Lambert- Material estándar y físico- Metalness, roughness- Luces- Luz ambiental- Luz direccional- Luces puntuales- Sombras- Texturas- Cargar texturas con useTextures- Consejos y trucos- Misceláneo- Controles de órbita- Cargar modelos con Cientos- Depuración de tu escena- Rendimiento
Construyendo formularios Vue con VeeValidate
Vue.js London Live 2021Vue.js London Live 2021
176 min
Construyendo formularios Vue con VeeValidate
Workshop
Abdelrahman Awad
Abdelrahman Awad
En este masterclass, aprenderás cómo usar vee-validate para manejar la validación de formularios, gestionar los valores de los formularios y manejar las presentaciones de manera efectiva. Comenzaremos desde lo básico con un formulario de inicio de sesión simple hasta el uso de la API de composición y la construcción de formularios repetibles y de múltiples pasos.

Tabla de contenidos:
- Introducción a vee-validate
- Construcción de un formulario básico con componentes vee-validate
- Manejo de validación y presentaciones de formularios
- Construcción de componentes de entrada validables con la API de composición
- Arrays de campos e inputs repetibles
- Construcción de un formulario de múltiples pasos
Prerrequisitos:
Configuración de VSCode y un proyecto Vite + Vue vacío.
Construyendo Pinia desde cero
Vue.js Live 2024Vue.js Live 2024
70 min
Construyendo Pinia desde cero
Workshop
Eduardo San Martin Morote
Eduardo San Martin Morote
Sumergámonos en cómo funciona Pinia bajo el capó construyendo nuestro propio `defineStore()`. Durante este masterclass cubriremos algunos conceptos avanzados de Vue como la inyección de dependencias y los scopes de efectos. Esto te dará una mejor comprensión de la API de Composición de Vue.js y Pinia. Requisitos: experiencia en la construcción de aplicaciones con Vue y su API de Composición.