WebBluetooth – the Missing Link

JS Nation

JSNation 2022

Nico Martin

useMachineLearning… and Have Fun with It!

React Summit

React Summit 2023

Superwebapps: Rethinking Desktop Applications With Progressive Web Apps

React Summit 2024

Let’s Build K.I.T.T. With JavaScript

JSNation 2025

React Advanced

React Advanced 2025

In the TV series Knight Rider, the concept of an intelligent car was pure sci-fi. Over 40 years later, we now have the tools to bring it to life - purely in the browser. This talk explores combining AI techniques like RAG and function calling with advanced browser APIs (e.g., WebBluetooth) to create a browser-based AI agent with personality, memory, and autonomy, powered by WebAssembly and WebGPU - fully offline and privacy-preserving!

Let’s build K.I.T.T. With JavaScript

In this workshop, we will build our first AI Agent – completely from scratch. We will cover the fundamentals of LLMs, explore Retrieval-Augmented Generation (RAG), and learn how to use function calling to connect AI with external tools.By the end, you will have a working AI agent that can autonomously decide which functions and data sources to use. No prior AI experience is required, but basic knowledge of TypeScript is recommended.After this workshop, you will be able to...<ul><li>Understand how Large Language Models (LLMs) work and how they process and generate text.</li><li>Leverage LLMs for specific tasks by designing prompts and integrating them into applications.</li><li>Implement Retrieval-Augmented Generation (RAG) to enhance AI responses with external knowledge.</li><li>Use function calling in AI systems to interact dynamically with APIs and data sources.</li><li>Build an AI agent that autonomously selects the right tools and data to complete user tasks efficiently</li></ul>Who is this workshop for?No prior knowledge of Artificial Intelligence is necessary, as we’ll cover all the essential concepts during the workshop.We’ll build the AI agent in a React app, but the core logic will be framework-agnostic and written in TypeScript.

Getting Started With AI (-Agents) in the Browser

Progressive web apps describe a whole new set of browser features that enable completely new ways of interacting with web applications.While originally intended as an alternative to mobile apps, we are seeing more and more desktop apps that rely on the web platform. Photoshop, Visual Studio Code, Squoosh, Clipchamp and the whole Google Office Suite are just a few examples of a growing number of completely web-based desktop applications - Superwebapps!.In this talk, we will focus on some of the new and exciting browser capabilities that allow us to create powerful React applications that make our daily lives easier. Of course, including tangible examples and an outlook on the browser roadmap.

Machine learning is seen by many as the next step in artificial intelligence towards a new stage of human evolution. And thus helps us find new approaches to solving real-world problems. Phew... That sounds complex… And how is that supposed to be fun?
Well, in addition to the big issues of our time, it is ultimately just another tool that we can play with. While it is important to first understand the core concepts of machine learning, we can quickly go way beyond that. Get ready for some unexpected examples of how to get started with machine learning in your React application!

The WebBluetooth API finally closes the gap between the browser and devices around us. And that suddenly opens up a rabbit hole, in which we inevitably encounter a few hurdles - the story of a frontend developer dipping his toes into the IOT world.