JSNation US 2025

Software engineering is evolving with AI and VIBE coding reshaping work, emphasizing collaboration and embracing AI. The future roadmap includes transitioning from augmented to AI-first and eventually AI-native developer experiences. AI integration in coding practices shapes a collaborative future, with tools evolving for startups and enterprises. AI tools aid in design, coding, and testing, offering varied assistance. Context relevance, spec-driven development, human review, and AI implementation challenges are key focus areas. AI boosts productivity but faces verification challenges, necessitating human oversight. The impact of AI on code reviews, talent development, and problem-solving evolution in coding practices is significant.

Talk on Bund: Overview of Bund, its speed optimization, components like runtime, package manager, test runner, and bundler. Efficient features include fast npm manager, pnpm lockfile support, Jest-compatible test runner, and optimized runtime components. Built-in features like modern password hashing, WebSocket server, file glob API, and database clients. API design focuses on common use cases and optimization. Enhanced JavaScript functionality with SIMD, native code, and performance improvements. Challenges in JavaScript productivity, BUN adoption, deployment, and support. React support, community involvement, security, Next.js compatibility, and transition.

Scott Talinsky's journey in web development highlights his transition from YouTube tutorials to creating educational content and courses, reflecting his passion for teaching. The evolution of web development tools showcases advancements from limited colors to modern frameworks like React and CSS features like squircles. Adapting to new technologies emphasizes core skills and freedom in tool selection. User-centric development prioritizes accessibility and understanding the purpose of tools. Learning strategies focus on fundamentals, hands-on learning, and avoiding influencer bias. Standing out in tech roles requires quality projects, broad knowledge, and effective communication.

The speaker, Daniel, shares insights on his role as an open source maintainer, projects Nuxt and Nitro, and living in Edinburgh. Nuxt, a full-stack framework, evolved with community support, emphasizing community-driven development. Optimization strategies for JavaScript, CSS, and font loading in Nuxt were discussed. Integration of Nuxt Scripts for web performance, challenges in meta framework development, and considerations for Nuxt V3 rewrite were highlighted. Future plans include smoother migrations and open-source access to emoji slides integration.

Riccardo, a developer advocate at Figma, discusses the challenges of transitioning from design to code and the role of a developer advocate in bridging the gap between designers and developers. Figma's tools like DevMod, Code Connect, and Figma MCP server aim to bridge the gap by providing seamless connections between design and code. The Figma MCP server enhances design-to-code workflow by improving agent understanding of design elements, resulting in better code generation and alignment with design intent. Recommendations for optimizing design-to-code output include reusing components, implementing Code Connect, connecting design variables to code tokens, naming layers appropriately, utilizing AutoLayout, and adding annotations for clarity and context in the code. Building and sharing a design system involves generating iOS UI code with specific language and framework, and open-sourcing a design system with custom rules and guidelines for agents. Enhancing agent capabilities through multiple MCP server connections for efficient design-to-code synchronization and communication is crucial.

Matteo Collina presents an updated talk on Node.js, discussing roles, open-source projects, and dispelling myths. He highlights Node.js vitality, contrasts with legacy technologies like COBOL and jQuery. The talk covers Node.js popularity, software reuse, module growth, and download stats. It addresses risks of not updating Node.js, LTS support phases, version updates, adoption rates, security measures, Node 24 features like ESM support and stable permissions. Collaboration processes, TSC role, governance, and benefits of Platformatic VAT for app development are also discussed.

Ryan Carniato, author of SolidJS, discusses signals in the front-end world and their impact on reactivity. Signals in Solid JS have revolutionized frontend UI development by bringing signals to the forefront, impacting frameworks beyond React. Optimizing React performance with fine-grain rendering allows for updating only the necessary components, eliminating unnecessary reruns and enhancing performance composition. Mutability in programming offers benefits like stable references and reduced cloning needs. Stores in frameworks like Solid.js maintain references for unchanged data, reducing overnotifications and unnecessary recalculations. Signals enable fine-grained control with push and pull mechanisms, showcasing examples in counters, async operations, and error handling within UI components.

Starting a Greenfield project involves choosing frameworks, testing tools, linting, formatting, and runtime with the aim of unifying frameworks and tooling using Rust. The End of Framework Fragmentation with Rust aims for a great Developer Experience (DX) by choosing frameworks and tools based on ease of use, integration, documentation, ecosystem, speed, reliability, and future-proofing. Development benefits from the Vite server with HMR, native ESM, and optimized production builds, aiming to unify tools into the Rolldown bundler. Understanding dependency graphs, build steps, JSX, TypeScript, and bundle optimization are crucial for code organization and user experience enhancement. Bundling optimizes code for faster load times, while tool selection streamlining simplifies production builds. Vappack and OXE offer optimization features, and module resolution, code transformation, build transformation, and minification optimization play key roles in performance. Benchmarking shows SWC and OXC Minify performance comparison, and linting and formatting tools like OxLint and OXC Minify enhance development efficiency. VTest provides seamless testing, aiming for performance and compatibility, with plans for roll on Vite to become the default bundler for smoother processes.

Welcome to JS Nation. Marco Ippolito discusses NodeJS and TypeScript integration, challenges, and growth. TypeStripping in Node.js removes TypeScript syntax for execution. Efficient TypeStripping in Node 22 skips SourceMaps, aligns with TypeScript versions. Enhanced features in Node 22 support experimental TypeScript features with limitations. Node.js supports TypeScript features with erasable syntax and namespace in Node 23.8. Importing types correctly crucial to avoid errors. Node.js TypeScript integration update includes switching to TypeScript, browser support, and community involvement.

As TypeScript and JavaScript enthusiasts, the Talk introduces Kubernetes, Pepper, and admission control with humor and passion. Topics cover Kubernetes security, network policies, automation with Pepper, developer productivity enhancement, troubleshooting TypeScript informer, Go implementations, and comparing efficiency with DRPC streaming. The discussion extends to Kubernetes management features, community engagement, beginners' guidance, small application development goals, and auto-scaling strategies for Kubernetes clusters.

We all have those repetitive web tasks we wish would just handle themselves – sorting through data, extracting information from multiple pages, or customizing content for different audiences. What if your JavaScript application could do this autonomously, right in the browser?This talk demonstrates how to create intelligent AI agents in JavaScript that eliminate tedious tasks without sending sensitive data to the cloud. We'll combine modern web technologies with client-side AI techniques like RAG (Retrieval-Augmented Generation) and function calling to build applications that understand content, make decisions, and take actions based on user goals.

Online talk discussing web overlays, ads, models, and cookie banners. Focus on dialogues, popovers, and their history in web design. Emphasis on accessibility and successful UI strategies. Introduction of non-modal dialogues and popovers in web design. Insights on implementing model dialogues, popovers, and managing Z-index values. Exploration of Z-index challenges, top layer concepts, and dialogue accessibility. Analysis of dialogue opening, focus management, and urgent model dialogues. Implementation of advanced popover features, CSS anchor usage, and dialogue comparisons.

The Talk delves into JavaScript artwork creation, debunking misconceptions and exploring its evolution from basic animation to advanced web development innovations. It discusses the development of animation technologies in JavaScript, comparing Canvas and WebGL, and emphasizes the diversity of tools available. The session focuses on using Canvas Sketch for creating custom and abstract designs, detailing rendering, saving points, working with coordinates and styles, and utilizing animation for interactivity. It also covers specifying animation parameters and exploring options for connectivity.

Ivo Plaza introduces TypeGPU, a TypeScript toolkit for WebGPU, with a live Jelly Slider demo. The demo showcases interactive features and a customizable API for dynamic color changes. TypeGPU offers extensibility for library creators, allowing intricate customization and per-pixel operations. It demonstrates GPU material animation control, WebGPU support, efficient debugging with GPU console log, and memory allocation. WebGPU enables program execution, resembling REST API interactions between front-end and back-end. TypeGPU integrates JavaScript shaders with WebGPU shading language, utilizing TGPU Resolve API for shader conversion and shader code generation. It covers compile-time operations, function calls, runtime conditions in shaders, and code optimization. TypeGPU's TINYEST format, JS to AST conversion, WebGPU usage, and integration with 3JS and React 3 Fiber are discussed, highlighting the differences between WebGL and WebGPU. The Talk emphasizes the integration of TypeGPU with 3JS and React 3 Fiber, utilizing GPU directives, marketing effects, AI for shader conversion, and future possibilities.

Speaker reflects on the importance of testing, shares insights from the state of JS survey, and discusses future plans for JavaScript testing in 2025. Companies are exploring testing tools and methodologies based on surveys and personal data. Evolution of testing practices from browser to node-based environment with VTest adoption. Advancements in testing technology include VTest's role, Playwright for end-to-end testing, and comprehensive testing solutions. Progress in self-healing tests, AI integration, and tool resurgence like Storybook and MSW for API mocking. Diverse opinions on testing in 2025, with a focus on static analysis, VTest, and end-to-end testing resurgence to browser.

Alfonso delves into AI in Node.js, focusing on AI agents and the Model Context Protocol (MCP). The discussion covers reasons for building MCP servers, secure code execution using Node.js and Docker, and customization for running code securely. Enhancements in LLM capabilities, Docker integration, and security measures are highlighted. Features like working directory snapshots, file updates comparison, and emphasizing security in MCP servers stand out.

The speaker delves into the integration of AI and eye tracking technology to enhance user interactions and experiences, emphasizing the need for cost-effective solutions with standard hardware. The advancement of AI models for local device execution is highlighted, enabling cross-platform data privacy and offline usage. MediaPipe Solutions, particularly Face Landmark Detection, offer detailed facial information in real-time, and iris feature extraction is utilized for precise gaze prediction. Model calibration and mapping techniques are discussed for improving gaze interaction accuracy and reliability.

Node.js offers significant capabilities for efficient file handling, emphasizing the importance of processing files effectively to avoid crashes and memory issues. Understanding streams, backpressure, and stream concepts like readable, writable, duplex, and transform streams is crucial for efficient file handling. Streams enable working with data in chunks, ensuring stable memory usage and efficient applications. Backpressure in streams optimizes memory usage by processing data incrementally, unlike loading entire files into memory. Utilizing readable streams in processing improves concurrency and avoids blocking the event loop.

Hemant, machine learning manager at PayPal, explains enabling models to access real-time data using tools and function calls. Discussion on the launch of MCP by Antropic and its attributes for standardized protocol. Overview of PayPal's MCP architecture, security measures, and best practices. Importance of trust boundaries, multi-layer security, and authentication in tool access. Evolution of tool architecture, deployment strategy, and blockchain payment protocols. LLM code execution for efficient MCP handling and enterprise-scale launch strategies. Collaboration in tech projects, future of financial MCPs, and use cases in consumer banking.

Will Klein shares insights on effective tool usage, exploring various DevTools in browsers. Discussing the evolution of browser features, maximizing benefits with Dev releases, and diverse perspectives in browser DevTools. Exploring color accessibility tools, font and color handling in Safari and Firefox DevTools. Highlighting unique features like font sliders in Firefox and debugging capabilities in Safari. Emphasizing the importance of accessibility tools, using multiple browsers for development, and understanding web workings over relying solely on AI and MCP for debugging.

Today's presentation delves into the inner workings of npm install and npm publish, aiming to enhance understanding and productivity. The exploration of npm CLI, ideal tree construction, and dependency types sheds light on package management intricacies. Peer dependency conflicts, resolution methods, and auditing processes are crucial for package integrity. Efficiency through symlink management and lockfile versions, along with security measures like typosquatting prevention, highlight NPM's commitment to user safety. Emphasizing the importance of maintaining updated dependencies and vigilance against malicious packages, the Talk also discusses upcoming token-related changes for secure publishing.

Peter discusses building durable workflows in pure JavaScript, highlighting challenges in creating reliable systems, especially in complex applications like Money Transfer. Failures can occur due to various reasons, including process crashes, resource issues, timeouts, and API failures. Durable workflows involve checkpointing for recovery, traditionally involving heavyweight external orchestration systems. Designing a JavaScript workflow library aims for simplicity and durability, enabling checkpointing directly on app servers. Implementing the library includes checkpoints for safety, recovery, and workflow integrity maintenance.

Introduction to the evolution of coding from manual to AI-generated with security implications and criticisms. Discussion on the security implications of AI-generated code, vulnerabilities, and research findings on code generated by AI. Exploring the generation of secure code using DLLM, practical example of code generation with vulnerabilities, and the importance of security tools like Snyk. Exploring potential vulnerabilities in credit score analysis due to system prompt manipulation and the risk of injecting prompts into code parts, creating security threats. Discussing the risks of relying on LLMs for security, proposing agent-agnostic solutions to enhance LLM security, addressing vulnerability scanning and code generation comparisons.

Ryan Feigenbaum highlights the risks of poor feature flag management, emphasizing the complexity and potential costs involved. Challenges in feature flag complexity are categorized into visibility, life cycle, and architecture. Enhancing visibility through clear naming conventions is crucial for preventing conflicts. Code graphs aid in evaluating feature flag logic, while the Piranha utility automates flag removal. Testing challenges include testing combinations, critical paths, safe rollouts, and simulating flag states. Edge flag evaluation is favored for rendering, and efficient flag management involves automated cleanup, testing tools, and regular reviews.

Ayole Aonseola discusses converting web apps into desktop applications using Electron, emphasizing challenges with code signing, CI CD, and industrial scaling. Electron architecture focuses on security with context isolation and node integration. Engineering hurdles include distributing applications across OSs, implementing automation for error prevention, and ensuring app authenticity through code signing. Mac-specific configurations, like app bundle ID and notarization, are crucial. Building universal apps for Mac and Windows requires understanding differences in building environments and certificate access. Automation of signing processes with Azure and GitHub streamlines workflows, handling EV tokens and securely managing certificates. CICD automation includes base64 certificate encoding and triggering build processes on tag pushes.

This talk emphasizes the importance of accessibility in app development for all users, highlighting various types of disabilities and the need for inclusive design. Neglecting accessibility poses legal, financial, and reputational risks, with active enforcement of regulations. Accessibility improves usability for all users, enhances user retention, and provides SEO benefits. React Native and proper element labeling play a crucial role in enhancing app accessibility. Dynamic content accessibility, text scaling optimization, and incorporating AI for accessibility enhancement are essential for creating inclusive and user-friendly apps.

In the Talk, the focus is on understanding software determinism and the implications for AI implementation. It delves into the importance of trustworthiness, reliability, and consistency in deterministic systems. The discussion also explores non-deterministic behavior in AI, emphasizing the pros and cons of unpredictability. The significance of measuring entropy tolerance in AI integration and business processes is highlighted, along with the value assessment based on tolerance levels. Additionally, the Talk touches on hybrid collaboration in AI utilization, showcasing examples of low, medium, and high entropy tolerance scenarios, and the role of AI in security auditing and high-tolerance tasks.

Talk on Data Analysts' Needs for JavaScript Developers. Aya K. Belispaeva, senior BI analyst, discusses bridging the gap between analysts and developers through real-life examples and challenges in healthcare finance. Physician Productivity Dashboard Challenges with Time Zones in Data Handling and Solutions in Healthcare Finance. Lessons from Healthcare Finance and Power BI Dashboard Performance Optimization. Optimizing JavaScript in Power BI for Improved Dashboard Performance and User Trust. Importance of Interface Optimization for Handling Massive Healthcare Datasets. Developers' Insights for Effective Healthcare Dashboards: Transparency over polish, smart defaults, and performance. Building Flexible Healthcare Billing Logic, Early Analyst Involvement, Accuracy Over Elegance, Empathy in Dashboard Design, Human-Technical Design Translation Challenges.

Rethinking collaborative app development for offline and online usage, introducing LocalFirst paradigm. Challenges of offline usage in collaborative app development and potential solutions. Benefits of the local first paradigm for user data control and offline work in collaborative apps. Exploring the local first app demo with Yjs technology for collaborative features and offline functionality. Exploring Yjs for collaborative data management and synchronization in React components, enabling a shift to a local first approach. Exploring the reduced role of the server in synchronization, emphasizing user ownership of data. Using Yjs shared types for familiar CRUD operations, introducing Yjs providers for real-time collaboration, and leveraging IndexedDB for offline data storage. The y-index-db-provider persists the document locally, and the y-web-socket-provider relays updates for collaborative scenarios, ensuring consistent list management. While offline, users make individual additions to a shared document. Upon reconnecting, Yjs ensures consistent ordering of concurrent offline changes, guaranteeing a synchronized state across all clients. What happens when clients edit the same item in Yjs is demonstrated. The last write wins register in Yjs ensures the last operation prevails. CRDTs handle concurrent edits and deletions, favoring removals for definitive operations. Yjs provides an elegant solution with conflict-free replicated data types.

Introduction to Generative Engine Optimization (GEO) for AI-discoverable websites. Importance of adapting to AI-driven search engines like LLM, chat GPT, and Perplexity. Shift from traditional SEO to focus on content readability and trustworthiness for machines. Key pillars of GEO: structured, semantic, fast, and sighted. Implementing AI-dedicated JSON endpoints for machine readability. Integrating AI text for structured data discovery through modern URI approach. Enhancing service information clarity with GO. Optimizing websites for AI discoverability by focusing on structure, mobile-first indexing, and AI optimization.

Welcome to a guide on context engineering, focusing on using errors to our advantage and building a self-evolving AI coding assistant. Transitioning from engineering to AI development, embracing opportunities from personal automations to enterprise-grade AI deployments. Evolution of trust in AI coding assistants by leveraging errors for system evolution and self-correction. PIV loop as a main mental model for coding process, emphasizing active involvement, structured planning, and implementation. System evolution involves identifying gaps, adapting based on analysis, testing, and live demo update processes. Code validation process improvement through better validation commands and workflow optimization. Utilizing end-to-end testing for error detection and system improvement in coding assistant systems.

Joana Santos, a Fullstack Product Engineer at Synvertec 6, shares insights on the benefits of 10-Stack Router and discusses modern React app routing challenges. The discussion covers features like type-safe URLs, data loading, nested routes, dynamic parameters, and search parameter integration in 10-Stack Router. It also delves into dynamic URLs with type-safe parameters and search parameter integration, along with advanced routing capabilities such as authentication, masking URLs, and smart data fetching offered by TimeStack Router for enhanced user experience.

Challenges in OAuth, importance of back end security for front end, and implementation details of OAuth flow between front end, back end, and authorization server. Detailed process of token handling, session management, and user data retrieval in OAuth implementation between front end, back end, and authorization server.

Leon, a developer advocate at Zencoder, discusses the power of spec-driven development and how past projects lay the foundation for strong specifications. Exploration of past project experiences and their conversion into strong specifications that form the basis for spectrum development, leading to effective collaboration with agents in planning and technology selection for project implementation. Utilizing agentic runs to efficiently complete tasks, track progress, and facilitate seamless project continuation for enhanced resource allocation and project completion.

Nathan discusses the significance of WebAssembly for handling CPU intensive tasks efficiently. The comparison between Rust and JavaScript processing showcases the superior speed of Rust with WebAssembly. WebAssembly excels in CPU-intensive tasks like image processing, showing faster processing times and efficiency. The optimization of image filters with RUST.VASM.js demonstrates enhanced performance through importation of methods from Rust projects. The interface between JavaScript and WebAssembly is crucial for balancing tasks and optimizing performance, as seen in examples from Figma and eBay.

Speaker discusses performance concerns in JavaScript applications, tools like Lighthouse and DevTools, field metrics evaluation, real data insights, and AI label generation for profiling. DevTools customization and navigation, optimizing performance profiling, and options for profile saving and sharing are also highlighted.

Developer Relations Engineers at Google introduce AI tools and extensions for easy development, including Firebase AI logic SDK and AppCheck integration. Firebase Studio offers a cloud-based environment for full-stack AI apps with VS Code familiarity, Google integrations, and error troubleshooting. Nix in Firebase Studio enables precise environment customization and replication for team projects. Gemini agents in Firebase Studio accelerate app development with rapid iterations and customizations. Firebase AI logic allows direct Gemini API calls for various AI features, supported by GenKit Firebase for complex AI workflows. Future tools may emerge from discussions in the development community, with a focus on engagement, experimentation, and open-source support.

Introduction to Web Monetization and Payment Systems at SmallPDF with a Focus on Braintree Integration Issues. Challenges of Braintree Integration and Subscription Processing Impacting SmallPDF's Operations. Struggles with Global Payment Systems and Localization Impact on SaaS Platforms. Optimizing Local Payment Methods for Global Impact. Managing Compliance Challenges in Global Payments. Managing Global Payment Challenges. Managing Payment Risks and Uptime. Payment Orchestration for Enhanced Reliability. Front End Payment Orchestration. Handling Multiple Payment Gateways and SDKs. Rules Configuration for Payment Gateways and Scaling Benefits. Dynamic Payment Methods Based on Country and A-B Testing. Fast Detection of Payment Anomalies and Easy Gateway Rerouting

People often multitask during meetings, leading to lack of engagement. Importance of effective technical meetings for job satisfaction and career growth highlighted. Strategies for engaging and productive technical meetings through purposeful facilitation. Ways to make meetings engaging and goal-oriented, encouraging diverse thoughts in problem-solving. Varied participation styles create inclusivity and enhance meeting dynamics. Strategies to address meeting pitfalls include time limits, addressing lack of understanding, managing attendees, and ensuring discussions lead to action items.

Speaker shared a story of creating a Haskell-inspired language for Zebra labelers using a compiler. Discussed the evolution of JS frameworks into compilers, focusing on React compiler's advanced techniques. Highlighted the role of compilers in reactive programming and code optimization. Explored challenges in large-scale migration using tools like tsmorph and QuickType. Emphasized the significance of compilers in user interface development and software architecture decisions. Addressed the future of front-end tools, Web Assembly adoption, and the importance of experimentation with tools for project success.

Brian Wipo, Developer Relations lead at the Algorand Foundation, discusses the relevance of blockchain in 2025 and its impact on developers. Algorand's high-performance blockchain addresses key issues faced by other platforms, enabling new markets and real-world applications like tokenized assets and supply chain traceability. In 2025, blockchain excels in disintermediating markets, tracking data integrity, and creating new markets such as fractional ownership of assets. Real businesses on Algorand include tokenized solar panels, real estate ownership, supply chain traceability, and more. Using a para wallet with a mastercard debit card, you can buy items at the store with stable coins. Algorand TypeScript 1.0 simplifies writing smart contracts on the chain in TypeScript. TypeScript developers can now integrate blockchain using a compiler that transforms code into Teal assembly language for blockchain execution.

We're discussing spec-driven development and the innovative AI IDE, QIRO, that supports this approach. QIRO focuses on structured specifications before coding, aiding developers in creating designs. The QIRO mascot, a playful ghost, symbolizes the essence of spec-driven development. Eric Hanchett discusses QIRO, emphasizing its spec-driven development feature integrated into the IDE. QIRO aids in in-depth feature planning, resembling a structured requirements approach. Coding assistants benefit from detailed examples for efficient development. Exploring Manual Coding Assistance: Creating user requirements, building design documents, and task lists manually. Example of using spec mode in a coding assistant to break down requirements, create designs, and implement features.