June 12 - 16, 2025
Amsterdam & Online
JSNation 2025
La conferencia principal de JavaScript del año
Discover the future of the JavaScript development ecosystem and get connected to its stellar crowd!
JSNation is the best place to learn about JavaScript – beside the main JS conf talks and panel discussion with high-profile specialists, be prepared for awesome MCs, in-depth workshops, a number of discussions & networking rooms, interactive entertainment, and engaging challenges for all participants.
Esta edición del evento ha finalizado, las últimas actualizaciones de este JavaScript Conference están disponibles en el sitio web de la marca.
Esta edición del evento ha finalizado, las últimas actualizaciones de este JavaScript Conference están disponibles en el sitio web de la marca.
Vite y el Futuro de las Herramientas de JavaScript
23 min
Vite y el Futuro de las Herramientas de JavaScript
Evan Yeo discusses Vite's growth, challenges with dependencies like ES Build and Rollup, and the creation of the bundler Rolldown. The JavaScript ecosystem faces fragmentation, but the company aims for a unified JavaScript stack. Rust is chosen for lower-level development, while JavaScript and TypeScript for high-level APIs. Roldown offers advanced bundling features, outperforming existing tools. Integration with Vite leads to tailored optimizations and significant speed improvements. Vite+ development focuses on creating a comprehensive toolkit. VitePlus integrates TS-down for library bundling, ViteTest for testing, and OX-Lint for linting. Future plans include monorepo awareness, build orchestration, and framework-like features.
El estado de las pruebas de JavaScript en 2025
24 min
El estado de las pruebas de JavaScript en 2025
The talk delves into JavaScript testing challenges, company testing practices diversity, and the evolution of testing tools. It explores the transition to user-centric testing, browser-based component testing, and advancements in AI testing tools. The evolving landscape includes Playwright's features and comprehensive testing solutions. Future trends discuss network mocking, AI testing advancements, and the role of AI in JavaScript testing practices.
¡Construye Tu Framework Web Desde Cero!
18 min
¡Construye Tu Framework Web Desde Cero!
Excited to talk at JS Nation about building web frameworks from scratch, covering framework basics and providing an example without a framework. Framework essentials include handling browser views, routing, parameters, response types, errors, and security. Discussing the components a framework needs such as routing, parameters, response types, error handling, authentication, and security. Exploring request handling in a framework with customization of headers, status, and using static methods like response.json. Detailed insights into routing, response customization, and efficient implementation for multiple responses based on paths and methods. Implementation of routing syntax, data retrieval from requests, context handling, middleware integration, and helper functions for response manipulation in a framework.
TypeScript Gymnastics: ¿Por Qué Son Tan Poderosos para Ti?
23 min
TypeScript Gymnastics: ¿Por Qué Son Tan Poderosos para Ti?
The Talk delves into TypeScript, highlighting its introduction, differences from JavaScript, and providing code examples. It emphasizes the significance of strict typing in TypeScript, showcasing the use of literal types and union types for precise type modeling. The discussion also covers template literal types for creating combined types and precise type matching, as well as conditional handling without if statements and function type inference. Furthermore, it explores looping, recursion, object type manipulation, key manipulation, mapper type, and TypeScript utility types for efficient property management and type manipulation.
La Mentalidad del 1% Superior: Cómo Piensan, Lideran y Prosperan los Altos Ejecutores
12 min
La Mentalidad del 1% Superior: Cómo Piensan, Lideran y Prosperan los Altos Ejecutores
Top 1% talent in tech focuses on mindset, performance over hustle. Clarity, systems, leverage key for career growth. Systems create predictability, leverage compounds impact, leverage flywheel for long-term success. Build personal operating system, treat yourself like a product, focus on clarity for success. Build confidence, visibility, influence for success. Think leverage, not effort. Optimize career intention. Drive work with purpose.
Construyendo Web Extensions Con Tu Framework Favorito
25 min
Construyendo Web Extensions Con Tu Framework Favorito
Alba Silvente, Fullstack Engineer at Servlug, discusses unlocking web extension power with Vue. Shows demo features and AI API usage. Talks about building extensions, standards, structures, open-source tools, and practical use cases. Explores the simplicity and benefits of web extensions for customization, automation, and time-saving. Mentions varied functionalities like translation, JSON formatting, and form filling using extensions. Exploring form-filling extensions and building web extensions with Manifest V3 and Vue. Understanding the structure and components like pop-up and sidebar pages. Discussing manifest.json for defining extension details, background JavaScript in service worker context, and creating popup and sidebar pages. Discussing the importance of different contexts for popup and sidebar pages, customization with various JavaScript frameworks, and utilizing content scripts to interact with web pages. Communicating with content scripts, configuring settings via the options page, and extending web extensions with various functionalities like overriding home pages, bookmarks, history, and adding options to the context menu. Communicating with browser APIs for web extensions using packages like WebExtension Polyfy and webext. Storing data in web extensions efficiently with specialized storage areas. Simplifying communication between components using the WebX Bridge package for seamless browser API interactions. Using Vite and WXT frameworks for web extension development. Implementing preference configuration and communication flow between components for efficient web extension creation with WXD. Defining items in local storage for preferences and using composable for shared components in web extensions development. Using extension storage for web extension synchronization and integrating AI APIs for text analysis. Exploring Content Script Actions, Background API Communication, and Extension Deployment.
Lo Que Todos Fingimos Saber: Las Diferencias Entre el Motor de JS y el Tiempo de Ejecución de JS
11 min
Lo Que Todos Fingimos Saber: Las Diferencias Entre el Motor de JS y el Tiempo de Ejecución de JS
The talk delves into the intricacies of JavaScript engine and runtime, emphasizing the importance of understanding execution processes for effective development and debugging. It discusses how JavaScript engines optimize code through parsing, abstract syntax trees, and byte code execution. Strategies for optimizing code include maintaining type stability, using type-stable arrays, and consistent object shapes to avoid deoptimization. Recommendations for enhancing JavaScript execution involve ensuring input type consistency, using type-stable arrays, and understanding the event loop's role in code execution across different runtimes and engines.
Convirtiéndose en un Tech Lead: De la Tecnología a las Personas
14 min
Convirtiéndose en un Tech Lead: De la Tecnología a las Personas
Annamarie Fischer discusses transitioning to a tech lead role, highlighting the importance of soft skills development. Tech leads need to focus on both technical expertise and people skills, including conflict resolution and clear processes. Developing soft skills like active listening, relationship-building, and delegation tools is crucial for effective tech leadership. Mindset shifts from individual to team focus, coding to value-driven decisions, and short-term to long-term thinking are essential for tech leads to succeed in enabling team success and strategic direction.
JavaScript No Es Lento – Solo Está Programado Incorrectamente
14 min
JavaScript No Es Lento – Solo Está Programado Incorrectamente
Srilakna discusses JavaScript performance, highlighting scheduling challenges and the limitations of existing models. The introduction of the Post Task Scheduler API addresses these issues, offering promise-based scheduling for specific priorities. The internal workings and implementation of the API are explained, emphasizing task prioritization to ensure smooth UI performance. The API enables developers to control task priorities effectively, preventing UI freeze and lag.
Hot Module Replacement es Fácil
11 min
Hot Module Replacement es Fácil
Welcome to JS Nation. Homework replacement, also known as HTML, allows code updates without page refresh. Understanding HTML involves APIs, server reactions to file edits, and client-side handling of changes. HTML API lifecycle includes attaching callbacks, disposing unneeded states, and accepting new modules. Server handling file changes, finding related modules, and HTML propagation decisions determine module execution and page reload. Propagation scenarios dictate HTML updates within boundaries or full reloads. Client-server communication through WebSocket manages reloads or module updates.
Compartir es cuidar: Mejorando el rendimiento de Micro-frontends con el intercambio de dependencias
22 min
Compartir es cuidar: Mejorando el rendimiento de Micro-frontends con el intercambio de dependencias
Saar Becker discusses the challenges of micro-frontends at monday.com, focusing on bundle size due to loading React multiple times. The hot swap solution v1 is introduced to address this issue by sharing dependencies efficiently. Strategies include providing the same React version, managing shared dependencies through hot swaps, and optimizing bundle building by creating compound-named bundles. The talk delves into revising hot-swapping solutions, resolving indirect dependency issues, and optimizing dependency bundle building for production readiness.
Scripts de Terceros: Sobreviviendo al Salvaje Oeste de la Web
10 min
Scripts de Terceros: Sobreviviendo al Salvaje Oeste de la Web
Anton Zaldinov, senior software engineer, discusses challenges in third-party script development, emphasizing the importance of defensive coding, performance, debugging, and security. Strategies include adapting to privacy changes, efficient script loading, encapsulation, and thorough testing for reliability and security.
Speeding Up Your Node Sever With Rust
21 min
Speeding Up Your Node Sever With Rust
Talk on improving Node server efficiency with Rust. Node's ease of use but inefficiency for some tasks. Example of a slow express server handling high scores inefficiently. Native modules in Rust provide a safer alternative to C for improving efficiency. Rust empowers developers to build reliable and efficient software, with strong static typing and immutability by default. Rust's result and option enums handle error and value absence cases. The ownership system in Rust ensures safe memory management without manual intervention. The importance of ownership in Rust for memory management and error prevention. Writing native modules in Rust with NAPI for easier project creation and code integration. Exploring the efficiency gains of using Rust's native modules for faster performance and reduced risks in development.
Cómo Reconstruimos el Patio de Juegos Creativo Que Flash Llevó a la Tumba
20 min
Cómo Reconstruimos el Patio de Juegos Creativo Que Flash Llevó a la Tumba
Conall, CTO at Zapper, pays tribute to Flash, highlighting its impact on internet history and accessibility to entertainment. The discussion covers Flash's legacy, technical features, demise due to mobile responsiveness issues, and the rise of HTML5 as its successor. The evolution of web technologies post-Flash is explored, focusing on tools like MatterCraft that bridge runtime and development environments. MatterCraft revolutionizes content creation by offering scripting in TypeScript or JavaScript, enhanced modularity, and features like real-time preview and AI assistance for seamless development.
El Futuro de la Computación Numérica en JavaScript
21 min
El Futuro de la Computación Numérica en JavaScript
Gunj Joshi explores the future of numerical computing in JavaScript, showcasing benefits like privacy, low latency, and accessibility. The talk delves into training models inside browsers, challenges with TensorFlow.js, and the importance of syntactical niceties for readability. It highlights the significance of Jupyter Notebooks, Observable for live coding, and the impact of WebAssembly on JavaScript's performance. The discussion emphasizes NumPy's superiority in numerical applications, the importance of vectorization, and the potential of JavaScript's ecosystem for scientific applications. Additionally, it covers the efficiency of vectorized data processing, performance differences in data processing approaches, and the high performance of WebAssembly in web browsers.
Prompt Engineering Toolkit
16 min
Prompt Engineering Toolkit
Manoj Sureddy discusses building a toolkit for prompt engineering with LLM-based solutions, emphasizing the need for a structured approach like React. The toolkit provides a structured approach for prompt development, ensuring organized and reusable templates for various LLM-based solutions. Integration with version control and CI-CD pipeline for automated evaluations, advanced quality evaluation mechanisms using Gemma, and integration of human in the loop evaluations. Focus on maintaining prompt quality, subjective metrics in evaluations, and insights on prompt drift, versioning, real user feedback, and evaluation automation.
Contribuyendo a los Estándares Web
16 min
Contribuyendo a los Estándares Web
Hemant emphasizes mastering web standards and the collaboration among various organizations. Different groups like WhatWG, ECMA, IETF, Unicode, and IANA manage specific IT standards. Participation in standards organizations varies in cost. Joining W3C, Ecma, or IETF can aid in web standards development. Engaging in global discussions and contributing test cases are crucial. Community involvement drives web standards evolution towards innovation and inclusivity. Understanding the proposal stages and future trends in web standards is essential for developers.