React Summit

I am attending the biggest #Reactjs conference remotely. You may get a limited free ticket (50% of talks, no workshops) and join me by clicking this badge.

#react #reactjs

React Summit 2023

Shivay Lamba

Giving Superpowers to Your React Apps with Machine Learning

C3 Dev Festival

C3 Dev Festival 2024

Today every developer is using LLMs in different forms and shapes, from ChatGPT to code assistants like GitHub CoPilot. Following this, lots of products have introduced embedded AI capabilities, and in this workshop we will make LLMs understandable for web developers. And we'll get into coding your own AI-driven application. No prior experience in working with LLMs or machine learning is needed. Instead, we'll use web technologies such as JavaScript, React which you already know and love while also learning about some new libraries like OpenAI, Transformers.js

Leveraging LLMs to Build Intuitive AI Experiences for Web

React Summit 2025

In the past few years, there have been a large number of generative AI use cases and adoption has grown increasingly. A large number of web and JS applications now leverage large language models (LLMs), vector search / RAG (Retrieval Augmented Generation) for building better user experiences. Now the tide is shifting, and we have entered the era of AI agents. This is a promising field which combines the different generative AI usecases and helps to simplify the process of interacting with Gen AI by essentially making agents act like humans and makes interactions feel more human like to solve problems in an automated fashion.In this workshop, while we give a quick over view of LLMs, RAG, we will dive deeper into concepts of AI Agents such has how one can leverage LLMs for specific tasks. How can we include tool calling / function calling in AI Agents. Thus showing how an AI Agent is a system that is capable of independently deciding which functions or data sources to used to efficiently execute users' orders.We will show how to develop an AI agent that runs purely on the browser vs running them using cloud.  This workshop is for javaScript developers, AI enthusiasts, and tech innovators who want to integrate the use of AI within web applications to create intelligent and interactive app experiences. Table of contents:  1. Intro to the general landscape of LLMs, RAG2. What are AI Agents3. Core components of AI Agents4. How to build your first AI Agent with JavaScript5. Stack to build AI Agents in the browser with open source models

Bringing and Running AI Agents in the Browser

Node Congress

Node Congress 2025

In this workshop we'll dive deep into integrating vector search into your applications. Over the course of this workshop, you'll not only grasp the core principles behind vector search but also cut through the buzzwords to understand its practical applications. We'll explore when vector search is the right tool for the job—and when it's not—so you can make informed decisions in your projects.By the end of the workshop, you'll have hands-on experience as we build a fully functioning application together, leveraging vector search to elevate the user experience. We'll also cover how to effectively test and optimize your implementation to ensure it meets real-world demands. Whether you're new to the concept or looking to refine your skills, this workshop will equip you with the knowledge and tools to integrate vector search confidently into your development workflow.Key takeaways:<ul><li>- Cut through the buzz and understand vector search's real-world applications to make informed choices in your projects.</li><li>- Gain hands-on experience building an application with vector search to enhance user experience practically.</li><li>- Learn best practices for testing and optimizing vector search implementations for robust, real-world performance.</li></ul>

Beyond Buzzwords: Practical Vector Search and RAG for Developers

Productivity Conference for Devs and Tech Leaders

Productivity Conf for Devs and Tech Leaders

In today's fast-paced development environment, a developer's attention is constantly in high demand. To achieve peak productivity, developers need to maintain a state of flow, seamlessly accessing the knowledge and tools required to solve complex problems. However, the reality often involves juggling multiple tools, leading to frequent context switching and reduced efficiency.This session will explore how AI-enabled tools can revolutionize your development workflow, helping you become a 10x developer. We will look into the three primary pillars of development: coding in your IDE, using collaboration tools, and researching in your browser. By integrating AI tools, you can streamline these activities, minimizing context switching and maximizing focus.Through practical demos and real-world examples, this session will show you how to harness the power of AI to handle the range of context you encounter daily, ultimately boosting your productivity and allowing you to focus on what you do best—coding. Moreover if your company has concerns regarding data security while using the typical AI tools, you don't need to worry. This workshop will specifically focus on using AI tools that run on the user's device and all of the processing happens locally, thus for large enterprises, this solves the biggest information/security challenge. Date and time: TBD. Remote via Zoom.

10X Your Developer Productivity Using Privacy-First and Local AI

React Day Berlin

React Day Berlin 2024

In this talk we'll break down key Generative AI concepts like Vector Search and Vector Embeddings and how can React Developers leverage them with technologies like LangChainJS to build intuitive AI powered apps. We will discuss different AI enabled search experiences like vector and hybrid search approaches, exploring how each method works, their advantages and disadvantages, and practical use cases. The talk will break down what can be overly complex concepts into practical takeaways for our everyday work as React/JavaScript developers. By the end of the session you'll have a better understanding of when and how to use different search techniques to optimize your user experience. Most importantly you will also learn how as a React developer we use can use these search techniques using open source tooling and libraries including some powerful search engines written in TS/JS and create AI powered applications in React.

Decoding Vector Search and Embeddings for React Developers

Today, most of the AI applications send data to LLM cloud providers like OpenAI, raising privacy concerns. This workshop an alternative and privacy focused way to build AI applications by running LLMs locally with Ollama that keep everything local on your computer. This approach allows to avoid sending sensitive information to external servers. The workshop also highlights LangChain's ability to create versatile AI agents capable of handling tasks autonomously by creating embeddings for the data. So come learn how can you build the next gen, privacy focused React application powered by Local LLMs. The workshop covers the following topics: 1.Overview of cloud-based LLMs privacy issues and the importance of running Local LLM inferencing. 2.Detailed insights into generating embeddings with tools like Ollama and demonstrating how LangChain agents can perform tasks such as document summarisation and API interactions, all while maintaining data privacy in a NextJS / React application. 3.Discovering practical use-cases for this approach.

Build Privacy focused React Applications with Ollama, NextJS/React and LangChainJS

JS Nation

JSNation 2024

Leveraging LLMs to Build Intuitive AI Experiences With JavaScript

React Summit US

React Summit US 2023

This lightning talk explores how you can enrich your React projects with Web APIs. From handling data to interacting with browser features, attendees will gain insights into leveraging the power of Web APIs for an enriched and efficient React development experience to highlight the out of the box capabilities offered by Browsers.

Beyond JavaScript: Maximizing React With Web APIs

Have you ever questioned whether Javascript is a viable alternative to Python or R for creating machine learning models? After all, a 2019 survey by Stack Overflow found that Javascript is the language that developers use the most. Given that machine learning models like neural networks require a lot of computational power and that javascript was not intended for high-speed computing, this approach seems unreasonable. But hold on, this not entirely true, as javascript libraries like Onnx.js and Tensorflow.js are here to save the day! I'll be going into further detail on how to create intuitive and innovative machine learning applications with React in this talk.

React Day Berlin 2022

This talk gives an introduction about MediaPipe which is an open source Machine Learning Solutions that allows running machine learning models on low powered devices and helps integrate the models with mobile applications. It gives these creative professionals a lot of dynamic tools and utilizes Machine learning in a really easy way to create powerful and intuitive applications without having much / no knowledge of machine learning beforehand. So we can see how MediaPipe can be integrated with React. Giving easy access to include machine learning use cases to build web applications with React.

Using MediaPipe to Create Cross Platform Machine Learning Applications with React

TestJS Summit

TestJS Summit 2022

The talk covers the current scenario of writing test cases in JavaScript and the problems associated with the time and resources spent by companies to write the test cases and the lack of automation in this area.Then the talk will cover how AI and machine learning is being leveraged by tools such as Github Copilot and Ponicode to autogenerate test cases thus simplifying the software testing process.

Machine Learning based Unit Tesing in JavaScript

React Advanced

React Advanced 2022

This talk shares how to achieve Server-side rendering using WebAssembly and WASMEdge which is a WebAssembly Runtime. The talk also covers the benefits of using WebAssembly to achieve Server Side Rendering. The talk will also cover a demo on how to launch a React application using the WasmEdge runtime.

Server-Side Rendering Using WebAssembly

Node Congress 2022

In the post Moore’s Law era, due to limitations of the hardware, we need to squeeze more performance from the existing hardware. That means that the native code provides the best performance. However, the prevalence of native code on the server-side presents challenges to application safety and manageability. The rise and advent of Rust and WebAssembly offers new ways for developers to write high performance yet safe Node.js applications. In this talk, I will cover the basics of Rust and WebAssembly, as well showcase how to go about their integration with Node.js. You will learn how and when to design a hybrid web application. How can you code the high performance functions in Rust in a Web Assembly virtual machine and finally how to tie everything together in a Node.js JavaScript application. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

High Performance Node.js Powered by Rust and WebAssembly 

TestJS Summit 2021

This talk will cover how we can apply machine learning to software testing including in Javascript, to help reduce the number of tests that need to be run.We can use predictive machine learning model to make an informed decision to rule out tests that are extremely unlikely to uncover an issue. This opens up a new, more efficient way of selecting tests. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

Predictive Testing in JavaScript with Machine Learning

React Advanced 2021

This talk gives an introduction about MediaPipe which is an open source Machine Learning Solutions that allows running machine learning models on low-powered devices and helps integrate the models with mobile applications. It gives these creative professionals a lot of dynamic tools and utilizes Machine learning in a really easy way to create powerful and intuitive applications without having much / no knowledge of machine learning beforehand. So we can see how MediaPipe can be integrated with React. Giving easy access to include machine learning use cases to build web applications with React.

Node Congress 2021

Lightning Talks, Day 2, Node Congress

Write and deploy machine learning models easily in Nodejs using Tensorflow.js. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>