GitNation: Talks & workshops by core teams and top engineers

Upcoming events

Subscribe to the top JS conferences

JSNation 2026

Jun 11 - 15, 2026

React Summit 2026

Jun 11 - 15, 2026

Web Engineering Summit 2026

Jun 11 - 15, 2026

TechLead Conf Amsterdam 2026: Adopting AI in Orgs Edition

Jun 11, 2026

AI Coding Summit London

Jul 6 - 7, 2026

React Advanced 2026

Oct 23 - 26, 2026

JSNation US 2026

Nov 16 - 19, 2026

AI Coding Summit NYC

Nov 16 - 19, 2026

React Summit US 2026

Nov 17 - 20, 2026

React Day Berlin 2026

Dec 4 - 7, 2026

Web Development insights directly from framework authors and early adopters.

Talks from our events

Node Congress 2026

Mar 26 - 27, 2026

AI Coding Summit 2026

Feb 26 - 27, 2026

TechLead Conf London 2025: Adopting AI in Orgs Edition

Nov 28, 2025

React Advanced 2025

Nov 27 - Dec 1, 2025

React Summit US 2025

Nov 18 - 21, 2025

JSNation US 2025

Nov 17 - 20, 2025

AI Coding Summit 2025

Oct 23 - 24, 2025

TechLead Conference 2025: AI in Orgs

Sep 18 - 19, 2025

React Summit 2025

Jun 13 - 17, 2025

JSNation 2025

Jun 12 - 16, 2025

Node Congress 2025

Apr 17, 2025

Productivity Conf for Devs and Tech Leaders

Mar 27 - 28, 2025

Top Headless CMS Agencies & Development Companies in 2026

The best headless CMS agency or headless web development partner for your project is the one that recommends the right platform for your context — not the one they are most comfortable with. This guide ranks agencies on verifiable CMS expertise, platform breadth, migration track record, and docum...

15 Best Next.js Agencies for SaaS and Enterprise (2026)

Choosing the best Next.js agency is one of the highest-leverage decisions a SaaS founder or enterprise engineering lead can make.

Regardless of the...

CMS Migration Services (2026): Top 11 Agencies Reviewed

TL;DR: CMS Migration Numbers That Tell the Story

Most website migrations fail the same way: rankings drop, traffic disappears, and recovery takes months. The teams that avoid it don't get lucky — they treat CMS migration services as an engineering discipline, not a one-time technical even...

ChatGPT eCommerce Apps with Shopify

ChatGPT’s Shopify integration enables in-chat shopping, but merchants lose control over branding, data, and margins. This article introduces an SDK for building custom ChatGPT shopping assistants with full ownership and zero commission.

ChatGPT now has native Shopif...

Running Efficient Meetups: A Practical Guide for Stronger Tech Communities

Meetups are one of the most powerful ways to bring people together, share knowledge, and strengthen community bonds, but a great meetup doesn’t happen by accident; it’s the result of thoughtful planning, consistent communication, and a deep understanding of what your audience values, and whether...

React Server Components: The Next Evolution in Web Development

React Server Components (RSC) represent one of the most significant advancements in the React ecosystem since its initial release. Introduced with React 18, RSC provides an innovative solution for optimizing performance and improving developer experience in modern web applications.

React Query: The Modern Solution for Managing Server State in React Applications

React Query is a powerful open-source library designed for managing server state in React applications. It streamlines data fetching, caching, and synchronization, addressing the complexities associated with handling asynchronous data in modern web development. Notable for its ability to simplify these processes compared to traditional state management solutions like Redux, React Query has gained widespread adoption among developers for enhancing the efficiency and performance of applications reliant on API interactions.

React Testing Library: A Complete Guide to Modern Testing Frameworks

Explore what's new in the 2024 editions of JSNation and React Summit!

JSNation and React Summit are the key JavaScript and React conferences of the year, expecting over 3K attendees, featuring 110+ speakers, and offering 15+ Free and PRO workshops altogether...

Spanish translations for 2000+ React and JavaScript talks from GitNation

GitNation, known for organizing JavaScript and React conferences, has rolled out significant updates to its video platform. These new features are designed to improve content accessibility and discoverability for developers worldwide and marks the start of ongoing localisation efforts with more l...

2000+ grabaciones de conferencias React y JavaScript en español por GitNation

GitNation, conocida por organizar conferencias de JavaScript y React, ha implementado importantes actualizaciones en su plataforma de video. Estas nuevas características están diseñadas para mejorar la accesibilidad y la capacidad de descubrimiento de contenido para desarrolladores en todo el mun...

Shawn Swyx Wang's career tips: Knowing how to market yourself is not scammy

As it is with many developers, his path to coding was not straightforward. And looking at Shawn's bio, it's apparent he applied that experience to his whole career: he's the head of developer experience at Temporal.io, author of a bestselling book on progressing career in IT, and a sought-aft...

Career tips by Tomasz Łakomy: I strive to challenge myself as often as I can

Speakers are not made — they are born out of circumstances. And Tomasz is a perfect example of a self-starter who rose to the occasion. “I started at local meetups and climbed my way up to bigger and bigger events,” he says, nodding at the fact that he's now also a seasoned instructor revolut...

Lee Robinson's career advice: My golden rule to success is being helpful

Developer, writer, creator, says the headline of Lee’s site, a front-end developer with 10k YouTube subscribers and 5k newsletter followers. Today an internationally recognized speaker and author of extensive courses on Re...

Charlie Gerard's Career Advice: Be intentional about how you spend your time and effort

When it comes to career, Charlie has one trick: to focus. But that doesn’t mean that you shouldn’t try different things — currently a senior front-end developer at Netlify, she is also a sought-after speaker, mentor, and a machine learni...

Emma Bostian: I landed my dream job by sharing my blogs on Twitter

Software engineer, lecturer, podcast host, author — is there something Emma Bostian hasn't done? She moved from America to Sweden, started working at Spotify, and took up a few challenges along the way. And now she has some career tips to share.

What led you to...

Kent C. Dodds: Consume, build, and teach — and level up your career

Even though his bio offers quite a hefty reading, he only applied for one job in his career. The rest came along as he was building his name as a renowned speaker, teacher, and a prolific figure of the open-source community. How did Kent do it? “Commit to creating high-quality content,” he sa...

React Table Libraries: A Deep Dive into Modern Data Grid Solutions

React Table Libraries empower developers to implement powerful data grids with essential features like filtering, sorting, and pagination in React applications. This article serves as your gateway to expert knowledge from GitNation's conference talks, where industry leaders share practical implementation strategies and cutting-edge patterns for data table components.

Catalin Pit: Each time I learn something new, I write an article about it

He turned a successful blog into a thriving YouTube channel, a newsletter with thousands of subscribers, and a great online presence. “I owe a significant part of my career to content creation and social media,” says Catalin Pit in his interview with GitNation.

<...

Top ideas

What are some key features of Svelte 5?

Svelte 5 introduces explicit state annotation with runes, compiler augmented reactivity, style encapsulation, and improved developer experience with features like native scoped styles and transitions.

What is the primary focus of Alex Russell's engineering philosophy?

Alex Russell emphasizes building solutions that work well for end-users, focusing on quality and performance rather than popularity of tools or frameworks.

What is the main goal of Svelte as a framework?

The main goal of Svelte is to provide a better developer experience without compromising user experience, aiming to be the framework with the best vibes rather than focusing solely on performance metrics.

What is the ReactFlight protocol?

ReactFlight is a protocol in React 19 used to serialize content so it can be sent from a server to a client, enhancing the sharing of rendering jobs between them.

What is Hugging Face?

Hugging Face is a platform where the machine learning community collaborates on models, datasets, and applications, aiming to democratize machine learning.

Why is the Expo pre-build command important?

The Expo pre-build command is important because it generates the necessary native folders (iOS and Android) and allows developers to use native modules, thus enabling the creation of standalone apps that do not depend on the Expo Go client.

Who is the creator of Transformers JS?

Joshua, a 25-year-old machine learning engineer from South Africa, is the creator of Transformers JS.

Why is browser compatibility still relevant?

Browser compatibility remains relevant due to differences in browser capabilities and the impact of trailing-edge browsers like Safari on web development.

Are there any downsides to using React Compiler?

Nadia found that React Compiler might not catch every re-render, especially with external libraries or complex legacy code. It may not handle cases where code isn't fine-tuned for memoization.

Why did Alex Russell join the Chrome team?

Alex Russell joined the Chrome team to work on ChromeFrame, aiming to integrate Chrome into Internet Explorer as a plug-in to improve web experiences.

Deep Dives

Deep Dive: Growing to Tech Lead

Growing to Tech Lead

Learn directly from other Senior+ and Lead engineers on how to progress your engineering career, strengthen your foundational skills and become and irreplaceable engineer.

Talk: Why Engineers Must Become Multipliers in the AI-Era
Talk: Current Trends in AI for Technical Hiring
Talk: Walking the Netflix Paved Road (Bumps Included): Web Framework, Hawkins Design System
Talk: Pocket Guide to Seniority
Talk: Transforming Your Tech Interviews in the AI Agent Age

... and 15 more talks and workshops

Deep Dive: AI Assisted Coding

AI Assisted Coding

Remove the noise, master agentic coding patterns actually tested in production directly from Senior practitioners.

Talk: Templates and Components for Claude Code: The Future of AI Coding Workflows
Talk: Using Spec-Driven Development for Production Workflows
Talk: Building Blocks of an Agentic Engineering Platform: What SRE Taught Us About Running Agents
Workshop: AI-Powered Code Review
Workshop: Operating Agent-Based Systems - Overview, Configure, Run, Orchestrate, Monitor

... and 22 more talks and workshops

Deep Dive: Mastering Full-stack

Mastering Full-stack

Master full-stack and fundamental engineering skills for AI-enabled future.

Talk: Building a JavaScript Engine in Rust: Lessons From Boa
Talk: Building a JavaScript Engine in Rust: Lessons From Boa
Talk: Beyond Benchmarks: node.js, Deno, and Bun in Real Production
Workshop: DevOps for Front-end Developers: From Local Code to Production by Docker Captain
Workshop: Building Fullstack Apps With Cursor

... and 21 more talks and workshops

Node Congress 2026

9 min

Garbage Collection Between V8, cppgc (Oilpan), and Native Runtimes

Mert Can Altin

Node.js Core Contributor Trendyol - Software Engineer Turkey

Today's presentation delves into garbage collection challenges in JavaScript and native code, highlighting the impact on memory leaks and bugs. V8's implementation of minor and major garbage collection is discussed. The evolution of memory management in runtimes, including Node.js and Deno, is explored, emphasizing the shift towards automatic cleanup and improved performance. The complexity of runtime memory management, especially in handling CPP objects and bridging with workers, is outlined. Key points include the efficiency gains from generational garbage collection and the importance of migrating away from certain memory management practices for enhanced runtime performance.

performance

Make Real: tldraw's AI Adventure

React Advanced 2024

28 min

Make Real: tldraw's AI Adventure

Steve Ruiz

tldraw

tldraw is a canvas and a whiteboard SDK that can be integrated into React apps. It allows for high-performance rendering using the DOM and React. tldraw's canvas is powerful and can be enhanced with Vision models for image creation and AI utilization. It enables easy iteration and updating of designs based on annotations. tldraw can be used to create UIs, complex applications, interactive things, calculators, ASCII art, and more. It explores the use of AI on the canvas and can generate images, code, flowcharts, and content. tldraw focuses on performance optimization, AI model exploration, security, usability, and accessibility. The Talk also discusses the business model, future plans, and the vision of building a plugin community for the canvas.

case study artificial intelligence design

How I Build Web Applications in 2026

AI Coding Summit 2026

31 min

How I Build Web Applications in 2026

Top Content

Kent C. Dodds

Creator of EpicWeb.dev, EpicReact.Dev, TestingJavaScript.com

Kent C. Dodds discusses building web applications in 2026, highlighting the importance of user experience and challenges in offline video downloads. Recent AI advancements in the Epic Workshop app enable offline video downloads with features like bulk downloads and quality control. Efficient AI agent management using agents like Cursor transforms workflow. Leveraging Laravel and Ruby on Rails, Ask Mode enhances project understanding by communicating with AI agents. Emphasizing clear task scoping, iterative planning, and agent feedback improves project development. Utilizing MCP tools and agent workflow, including BugBot for code review, optimizes app development. Closing the agent loop and emphasizing architecture's role in utilizing agent input context are crucial. The talk invites developers to become experienced AI agent managers and join the mailing list for updates.

web development

Advanced Claude Code Techniques for 2026

AI Coding Summit 2026

127 min

Advanced Claude Code Techniques for 2026

Top Content

Workshop

Cole Medin

Cole will walk through his agentic coding workflow that allows him to delegate all coding to the agent while still keeping him in the driver's seat (no vibe coding!). The key is to create a structured approach for both the up front planning and the validation - and he'll demonstrate what that loo...

best practices

Every API is a Tool for Agents with Code Mode

Node Congress 2026

32 min

Every API is a Tool for Agents with Code Mode

Matt Carey

Cloudflare

The Talk introduces APIs, Codemode, and MCP, highlighting the role of APIs in empowering agents and AI's access to external resources. CloudFlare's evolution with MCP involves remote tool sharing and addressing challenges like large context windows. Challenges in Cloudflare's API tool access include progressive tool disclosure and splitting MCP servers. The discussion covers tool search, project management API creation, CodeMode concept, and self-documenting tools for secure tool execution. Proposed solutions include Code Mode, SDK generation, efficient control flow, token efficiency, and secure code execution. Key topics include dynamic worker loaders, Cloudflare API integration, Visitor Counter implementation, and exploring MCP server functionality.

artificial intelligence

You Can’t Use Hooks Conditionally… or Can You?

React Summit 2023

28 min

You Can’t Use Hooks Conditionally… or Can You?

Top Content

Watch video: You Can’t Use Hooks Conditionally… or Can You?

Charlotte Isambert

Bam.tech

The Talk discusses the use of the Use hook in React and its ability to be used conditionally. It explains the concept of the fiber tree and how hooks values are stored in memory. The Talk also delves into the conditional use of useContext and how it differs from useState. It explores the process of updating context values and optimizing context rendering. The role of the provider in managing context values and rendering is emphasized.

react react hooks react conditional hooks

Three Ways to Automate Your Browser, and Why We Are Adding a Fourth: WebDriver BiDi

JSNation 2023

19 min

Three Ways to Automate Your Browser, and Why We Are Adding a Fourth: WebDriver BiDi

Michael Hablich

Product Manager @ Google working on Chrome, Austria

This Talk discusses browser automation techniques, including the introduction of a new web driver. It covers the history of browser automation, different techniques for automating browsers, and the use of web APIs and browser extensions. The Talk also explains how automation tools communicate with browser drivers and the challenges of waiting for elements to appear on the screen. It highlights the differences between the WebDriver protocol and the Chrome DevTools protocol, and introduces the WebDriver Bidirection project that aims to combine the best parts of both protocols. Lastly, it mentions the WebDriver Bidi support for console monitoring and introduces WebDriver ByteEye as a stable automation choice.

testing tooling automation

Best Practices and Patterns for Managing API Requests and States

React Advanced 2022

206 min

Best Practices and Patterns for Managing API Requests and States

Workshop

Thomas Findlay

With the rise of frameworks, such as React, Vue or Angular, the way websites are built changed over the years. Modern applications can be very dynamic and perform multiple API requests to populate a website with fresh content or submit new data to a server. However, this paradigm shift introduced...

best practices patterns api development react data fetching

Local-First: A Crazy New Way to Build Apps

JSNation US 2024

25 min

Local-First: A Crazy New Way to Build Apps

Watch video: Local-First: A Crazy New Way to Build Apps

Anselm Eickhoff

Garden Computing

Hi everyone, my name is Anselm and today I'd like to tell you about LocalThirst, a crazy new way to build apps. The traditional technologies are not made for the advanced features that users expect. Local first infrastructure simplifies the app development stack by allowing app-specific parts without a complex stack. Building apps with CRDTs enable real-time multiplayer, cross-device sync, offline support, and auto-merging of conflicts. Public key cryptography simplifies sharing, complex permissions, and enables end-to-end encryption. Local first frameworks like Jazz combine permissions, local first user identity, and cryptography. Managing schema changes in local first apps can be challenging but can be managed with patterns and caution. Backend workers in Local First work the same way as front-end workers, and Jazz allows precise access control for server workers. Jazz enables easy offline-first and local-first user experiences and is used for various apps like Invoice Rater, Learn Anything, and Succulent. Start building local-first apps with Jazz at jazz.tools.

frameworks

Testing Alternative Runtimes with Node and Vitest

Node Congress 2024

25 min

Testing Alternative Runtimes with Node and Vitest

Brendan Coll

Creator of Miniflare

Welcome to my talk on testing alternative runtimes with Node and VTest. VTest is a popular testing framework that allows dynamic code evaluation and runs inside Cloudflare workers. Durable objects provide distributed JavaScript class instances with unique IDs and persistent storage for improved developer experience. The testing framework in Cloudflare workers automatically undoes writes to storage and supports seeding data. Mocking outbound fetch requests is also possible in Cloudflare workers.

testing js runtimes

Featured

GitNation Events Supporter

Catch, trace, and fix bugs across your entire stack Learn more

Keeping Up with The Fast and Furious Web

JSNation US 2025

29 min

Keeping Up with The Fast and Furious Web

Scott Tolinski

Co-host of Syntax.fm

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.

web development

We Deserve a Better Streams API for the Web

Node Congress 2026

30 min

We Deserve a Better Streams API for the Web

James Snell

Workers team @Cloudflare

James Snell discusses challenges in current stream APIs, proposes a new, faster, and simpler streams API while questioning the existing Web Streams model. Discussion includes the necessity for a new API due to excessive ceremony, confusing locking mechanisms, and complex specifications, especially in controller APIs. Challenges with controller API optimization, hidden buffering, and excessive memory usage are highlighted. The talk delves into the cost and complexity of promises in JavaScript, optimizing readable streams, and managing complexity in stream implementations. Optimizing stream processing in JavaScript, data chunk processing, back pressure policies, multi-consumer patterns, and efficient branch cursor management are explored. The new API aims at simplifying stream processing by eliminating unnecessary operations, reducing promise overhead, and focusing on iterators, transforms, and back pressure for efficiency and simplified design.

performance

The Dark Side of Micro-Frontends

React Advanced 2025

29 min

The Dark Side of Micro-Frontends

Luca Mezzalira

Author of Front-End Reactive Architectures and Building Micro-Frontends

In the Talk, various key points were discussed regarding micro-front-end architecture. These included challenges with micro-intents, common mistakes in system design, the differences between micro-intents and components, granularity in software architecture, optimizing micro-front-end architecture, efficient routing and deployment strategies, edge computing strategies, global state and data sharing optimization, managing data context, governance and fitness functions, architectural testing, adaptive growth, value of micro-frontends, repository selection, repo structures, and web component usage.

architecture

Motion Control With Multimodal LLMs

JSNation 2025

39 min

Motion Control With Multimodal LLMs

Charlie Gerard

CrowdStrike

The Talk delves into motion control with multimodal AI, exploring TensorFlow.js models for gesture recognition and enhancing user interactions. It discusses leveraging LLMs for gesture-based interaction, investigating Gemiini for gesture recognition, and controlling light states with Gemini functions. The conversation includes webcam-based gesture recognition, custom gesture databases, and the future of personalized AI assistance with acoustic recognition.

artificial intelligence

Vite and the Future of JavaScript Tooling

JSNation 2025

23 min

Vite and the Future of JavaScript Tooling

Top Content

Evan You

Vue.js & Vite Creator

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.

vite

Exploring Server Side Rendering

React Advanced 2025

179 min

Exploring Server Side Rendering

Featured Workshop

Krasimir Tsonev

Server-side rendering (SSR) is back in the spotlight – and React is evolving fast. In this workshop, we’ll go deep into the mechanics, performance trade-offs, and modern techniques of SSR with React.js. You'll start by building an SSR app from scratch – no frameworks, just raw renderToString and...

ssr react server components

The State of Node.js 2025

JSNation 2025

30 min

The State of Node.js 2025

Top Content

Matteo Collina

Node.js TSC committee member. Pino & Fastify author.

The speaker covers a wide range of topics related to Node.js, including its resilience, popularity, and significance in the tech ecosystem. They discuss Node.js version support, organization activity, development updates, enhancements, and security updates. Node.js relies heavily on volunteers for governance and contribution. The speaker introduces an application server for Node.js enabling PHP integration. Insights are shared on Node.js downloads, infrastructure challenges, software maintenance, and the importance of update schedules for security.

node.js

No REST for Cap'n Web

Node Congress 2026

23 min

No REST for Cap'n Web

Top Content

Kenton Varda

Cloudflare

Kenton Varda advocates for using CapnWeb, an RPC protocol, over REST for web APIs, emphasizing benefits for humans and AI agents. CapnWeb simplifies client-server communications by treating them as function calls. TypeScript type checking ensures method accuracy in CapnWeb across JavaScript runtimes. Stubs in CapnWeb allow method calls to execute on remote objects and simulate all possible method names for remote calls. Converting REST APIs to CapnWeb streamlines code and improves API calls. CapnWeb enhances API functionality with object-specific RPC sessions and promises pipelining for multilevel API optimization. AI agent security challenges are addressed with sandboxing and token protection in CapnWeb. CapnWeb capabilities for AI agents include passing restricted CapnWeb stubs and exploring capability-based security with CapnProto.

tooling

From Segments to Suspense: The Future of Next.js Caching

React Advanced 2025

27 min

From Segments to Suspense: The Future of Next.js Caching

Wyatt Johnson

Vercel

Introduction to Cache Components in Next.js 16, transforming the app router with new features like partial pre-rendering, Dynamic I.O., and caching directives. Deep dive into static params generation in Next.js focusing on changes in generating static params for improved performance. Exploring challenges of generating static params and balancing static vs. dynamic rendering for better performance. Addressing challenges with cache components, optimizing static and dynamic rendering for improved performance. Understanding impact of parameters on rendering with cache components, managing dynamic components, and introducing suspense boundaries for faster page loads. Enhancing cache life APIs, introducing a new caching model for static outputs in Next.js. Revolutionizing cache management with granular control over cache lifetimes and dynamic segment configuration. Navigating data and caching in Next.js, exploring cache components guidance and caching differences between server and client components.

react performance next.js frontend server cache react server components

Why Node.js Needs an Application Server

Node Congress 2026

18 min

Why Node.js Needs an Application Server

Matteo Collina

Node.js TSC committee member. Pino & Fastify author.

Matteo Collina discusses Node.js, its single-threaded design, and the introduction of threads in 2018 for parallelism and CPU utilization. Node.js production monitoring focuses on application health, fault tolerance, and event loop efficiency. VAT architecture improves Node.js applications with thread migration and monitoring. Node.js manages threads and failures independently with Prometheus monitoring. Scalability in Node.js involves Kubernetes clusters and in-process scaling. Next.js with React SSR for Node.js applications enables dynamic scaling and performance. Node.js handles CPU blocking and SSR performance by utilizing multiple threads.

node.js architecture

Short takes

Shipping AI Under Constraints: Build, Buy, or Kill

TechLead Conf London 2025: Adopting AI in Orgs Edition

8 min

Shipping AI Under Constraints: Build, Buy, or Kill

Dave Glencross

Capital on Tap

Dave, Engineering Manager at Capital Untap, shares a story of AI failure and lessons learned from moving too fast in AI development within the company. The AI team focused on developing a chatbot for customer service, which became a flagship initiative under engineering governance. Issues with accuracy and complexity led to pausing the chatbot project and exploring third-party vendors. Capital OnTap reset AI processes by integrating AI engineers into product teams, emphasizing standard engineering over specialized AI teams.

deep dive

MCPs: How to Avoid Security Pitfalls

AI Coding Summit 2026

7 min

MCPs: How to Avoid Security Pitfalls

Gil Friedman

Backslash Security

Gil Friedman from Backslash Security discussed MCP security, focusing on the Model Context Protocol and AI assistant security risks like GitHub token exposure in auto run mode. Security measures for MCP usage include setting autorun to ask every time, postmarking MCP incidents, handling malicious servers, safeguarding sensitive information, reviewing and disabling unused tools, requiring permission before triggering actions, removing MCP from environments, and revoking API keys when necessary.

security

Zero-Styling Development: Utopia or the Future of Frontend?

React Summit 2025

7 min

Zero-Styling Development: Utopia or the Future of Frontend?

Mateusz Jagodziński

Workflow Builder

Mateusz Jagodziński presenting on Zero Styling Development and the challenges faced with manual styling implementations, leading to the adoption of a zero styling approach for efficiency and consistency in design implementation. Workflow Builder adopts a zero-styling approach beginning with design tokens in Figma, followed by automation for CSS generation and implementation using CSS variables, ensuring easy styling changes without developer intervention.

web apps

How to Build an Open Telemetry SDK in 7 Minutes

JSNation 2025

6 min

How to Build an Open Telemetry SDK in 7 Minutes

Charly Gomez

Sentry, Software Engineer

Showcasing adding observability with OpenTelemetry. Benefits of extensive telemetry data for insights. Contrasting uninstrumented, manual, and automatic instrumented apps. Example of instrumenting fetch calls for telemetry signals. Technique for modifying functions without core updates. Using JS proxy as a modern approach for patching. OpenTelemetry standardizes instrumentation with APIs and tools. Example of setting up OpenTelemetry with instrumentations.

observability

Auth: Build vs Open Source vs Buy

JSNation 2025

7 min

Auth: Build vs Open Source vs Buy

Mark Robustelli

FusionAuth

Authentication is crucial for system security, with options including building, buying, or using open source. Modern security complexities are addressed by purchasing systems with enterprise-level security features. Cost considerations in authentication highlight maintenance and scaling costs, with buying solutions providing peace of mind and predictable costs.

authentication

From TV to Touch: How We Made React UI Work Across Every Input Mode

React Summit US 2025

5 min

From TV to Touch: How We Made React UI Work Across Every Input Mode

Seungho Park

LG Electronics

Seungho Park discusses the importance of spatial navigation for TV apps and the challenges of supporting remote, pointer, and touch inputs. Real examples are explored, including focus placement, restoring focus, and grouping elements for stable navigation. Challenges in TV app navigation such as key scrolling in grid lists and managing input mode transitions are highlighted. The talk also delves into handling input modes, designing for 5-way, pointer, and touch input, and addressing edge cases. Implementing the W3C spatial navigation standard, defining focus properties for container elements, and encouraging exploration of React UI spatial navigation support are key points.

best practices

Optimizing the Path From Design to Production in Engineering Workflows

React Summit US 2025

7 min

Optimizing the Path From Design to Production in Engineering Workflows

Akbar Mirza

Figma

Akbar, developer advocate at Figma, highlights the importance of exploration, representation, and production in product development. Figma leverages design systems and AI tools for efficient transition from representation to production, optimizing expertise and automating non-critical tasks. Seamless integration between design elements and the app is achieved through tools like Code Connect and Copilot, fostering collaboration between design and code.

design

Divide and Conquer? - Exploring the 'JS0' and 'JSSugar' Proposal for JavaScript Evolution

JSNation 2025

5 min

Divide and Conquer? - Exploring the 'JS0' and 'JSSugar' Proposal for JavaScript Evolution

Daniel Hervás

Reckon Digital

JS 0 and JS Sugar proposal for JavaScript evolution. Complexity abstraction to engines. Splitting language into JS0 and JSugar. Lessons learned from developers' concerns and users' preferences. Involvement in shaping JavaScript ecosystem.

web standards

How To Get The Most Out Of the Cloud As A Front-End Developer

React Summit US 2025

7 min

How To Get The Most Out Of the Cloud As A Front-End Developer

Erik Hanchett

AWS

Front-end developers benefit from cloud services like AWS S3 and Lambda. AWS offers services like Cognito for identity management and Bedrock AI models. AWS Amplify provides Hosting and Cloud Development Kit for efficient development. The Cloud Development Kit is recommended for TypeScript deployment. AWS Amplify connects front-end to AWS services and SDK for back-end. QR code feedback is available for the talk.

tooling

Improve Your Presentation Skills by Scripting Your Live Coding Demos to Perfection

React Summit 2025

8 min

Improve Your Presentation Skills by Scripting Your Live Coding Demos to Perfection

Elio Struyf

Struyf Consulting

Elio's tips for perfect live coding: Minimize distractions, prepare well with light themes and larger fonts, adjust cursor style, avoid hover panels. Stay focused on one application during presentations. Changing settings for clarity, stressing the importance of tools like Demo Time for scripted presentations within Visual Studio Code, eliminating context switching between applications, and facilitating audience interaction with shared repositories. Exploring actions in Demo Time: creating code, opening files, highlighting code, and executing VS Code commands for a cleaner presentation. Utilizing Slides for Markdown presentations within Demo Time.

web development soft skills

Latest

Building AI Co-Worker with Codex SDK

AI Coding Summit 2026

72 min

Building AI Co-Worker with Codex SDK

Workshop

Rudrank Riyam

Join this interactive 2-hour workshop to learn how to create your own AI co-worker using the Codex SDK, inspired by Rudrank’s work on a GitHub/Slack bot he created to automate code reviews, bug fixes, and feature additions to overcome the opposite timezone differences at work.

W...

best practices

How to Help Agents Remember

AI Coding Summit 2026

20 min

How to Help Agents Remember

Carly Richmond

Developer Advocate at Elastic

Carly discusses memory, context in LLMs, and managing information for effective results in agentic systems. LLMs hallucinate due to knowledge gaps, biases, overfitting, and incentives. Importance of context in minimizing hallucinations and focus on memory storage for decision-making. Short term memory acts like RAM, while long term memory stores knowledge and experiences. Efficient memory storage using disk, file systems, and semantic memory. Emphasis on managing message context, retrieval, and concatenation for LLM input. Attention to context length, information evaluation, and memory optimization for accurate responses.

artificial intelligence

Building Interactive Async UI with React 19 and Ariakit

React Advanced 2025

28 min

Building Interactive Async UI with React 19 and Ariakit

Aurora Scharff

Vercel

Speaker shared challenges in building UI components with custom design, addressing accessibility standards, and handling async operations in React. Tools like Tailwind CSS, ARIAKit, and React 19 were highlighted for enhanced UI development. Focus on improving accessibility, UI structure, and interactive components with ARIA kit and React 19. Optimizing UI styling with ARIA attributes, enhancing keyboard accessibility, and readability. Coordinating UI updates with 'use transition' and 'use optimistic' hooks for seamless transitions. Streamlining error handling, implementing advanced logout functionality, and showcasing ARIA kit benefits. Discussing notification practices, component selection, and contrasting ARIA Kit vs. React ARIA capabilities.

react server components

Building with Gemini: AI Studio, Antigravity, and Google DeepMind's Latest Models

AI Coding Summit 2026

34 min

Building with Gemini: AI Studio, Antigravity, and Google DeepMind's Latest Models

WorkshopFree

Paige Bailey

In this hands-on session, we'll dive straight into the practical mechanics of working with Google DeepMind’s latest research and models. We'll explore Google AI Studio, Antigravity, and the Gemini APIs, focusing on how to seamlessly integrate these capabilities into your own projects. If you're l...

best practices

Voice Agents Crash Course

AI Coding Summit 2026

26 min

Voice Agents Crash Course

Stepan Suvorov

Roadsoft

Stepan Suvorov, CTO at Roadsoft, discusses the rise of Voice Agents, highlighting market growth, improved models for speech to text and voice generation, reduced latency, and cost-effectiveness. Key components include speech-to-text, LLM analysis, text-to-speech conversion, orchestration, and addressing latency. Delving into essential aspects like voice activity detection, interruption handling, and model selection criteria for Voice Agents. Exploring parameters such as latency, quality, pricing, language support, and voice cloning options. Comparing DIY and managed solutions for Voice Agents, emphasizing flexibility and cost-effectiveness. Discussing cost implications between managed and self-hosted solutions, considering usage volumes and scale. Addressing infrastructure challenges, testing approaches, WAPI limits, model selection, and future plans for voice agents.

case study

Your New Job

AI Coding Summit 2026

15 min

Your New Job

Ken Wheeler

React Artist

Ken Wheeler discusses the evolving software landscape, emphasizing the shift towards higher efficiency and less typing in job roles. The evolution of coding practices from manual formatting to automated tools like Prettier is compared to advancements in construction tools for efficiency. The use of AI for work efficiency and financial benefits, alongside considerations about the future of software engineers in light of AI advancements, is highlighted. Adapting to industry shifts, embracing new technologies like React, and leveraging early AI adoption for career growth are key points. Transitioning to higher-level roles by combining domain knowledge with AI for decision-making and seizing new opportunities is emphasized.

career

Security Pitfalls in AI-Generated Code: What Happens When Developers Skip Review

AI Coding Summit 2026

25 min

Security Pitfalls in AI-Generated Code: What Happens When Developers Skip Review

Kristiyan Velkov

Mentorship available

Docker

Introduction to AI security pitfalls, emphasizing the importance of understanding AI promises and risks, responsibility in verifying AI-generated code, the necessity of code verification and thorough review for secure deployment, ensuring code validation and sanitization for secure applications, risks of unsecure authentication logic and broken authorization due to AI usage, the importance of avoiding exposing secrets in code by trusting AI blindly, learning resources on cloud security and platforms like Flare Learning and TryHackMe, and the significance of creating AI rules, testing, and following best practices for code security.

security

Beyond Chat Bubbles: Building React Apps Where AI Generates Your UI

React Advanced 2025

20 min

Beyond Chat Bubbles: Building React Apps Where AI Generates Your UI

Jesse Hall

codeSTACKr

Introducing different AI interaction styles like chat interface vs. generating interactive interfaces for learning. Evolution of AI interfaces from text-based apps to tailored UIs based on user needs. Generative UI applications creating visual interfaces with AI. AI-driven UI component selection ensuring safety and flexibility. Challenges of true code generation for React or HTML. Balancing AI development approaches for innovation and reliability. Foundational aspects of AI SDK and generative UI with React components. Enhancing learning with voice-enabled interaction and expanding AI applications with voice UI. Voice-enabled workflow automation for various tasks. Utilizing production-ready AI technology for adaptive interfaces.

artificial intelligence

How AI is Impacting Engineering Leadership

TechLead Conf London 2025: Adopting AI in Orgs Edition

34 min

How AI is Impacting Engineering Leadership

Gregor Ojstersek

Engineering Leadership newsletter

The speaker discusses the impact of AI on engineering leadership and shares personal journey and goals. Sensationalistic AI predictions induce fear of missing out among engineering leaders, leading to negative perceptions. Unrealistic AI expectations affect motivation and industry sentiment. Strategies for effective AI adoption include starting small, prioritizing culture over tools, and staying informed. Engineering roles are evolving towards a convergence, focusing on human-related skills and problem-solving in the AI era. Balancing code writing and reviewing, supporting junior colleagues, and navigating career progression are crucial for engineering leadership development.

artificial intelligence

npm install && pray

Node Congress 2026

29 min

npm install && pray

Jo Franchetti

Software Engineer and Developer Advocate

JavaScript developers face security risks in npm packages with self-replicating worms compromising packages. Supply chain attacks target prolific maintainers leading to unauthorized code injections. Vulnerabilities in package maintainers and implicit trust contribute to successful attacks. Secure package installation practices vary between npm and Deno. AI-generated code introduces new security risks with embedded secrets. Secure AI code execution involves sandboxing for isolation and secure handling of API keys.

artificial intelligence

JS GameDev Summit 2023

21 min

Using UDP in the Browser for faster Client/Server Connections

Top Content

Yannick

BBZ CFP Biel-Bienne

This talk introduces geckos.io, a real-time client-server communication library using UDP and WebRTC. The speaker discusses the benefits of UDP for real-time multiplayer games and explains how geckos.io enables UDP connections between browsers and Node.js servers. The deployment process for geckos.io involves opening UDP ports and handling signaling through an HTTP request. The speaker demonstrates how geckos.io works with Docker and showcases the ability to host multiple servers on the same machine. Overall, this talk provides an overview of geckos.io and its applications in real-time communication.

developer experience game development react native updates

You Can’t Use Hooks Conditionally… or Can You?

React Summit 2023

28 min

You Can’t Use Hooks Conditionally… or Can You?

Top Content

Watch video: You Can’t Use Hooks Conditionally… or Can You?

Charlotte Isambert

Bam.tech

react react hooks react conditional hooks

Deep Dive into Undici

Node Congress 2024

24 min

Deep Dive into Undici

Top Content

Matteo Collina

Node.js TSC committee member. Pino & Fastify author.

Undici is a modern HTTP client for Node.js that offers improved performance and advanced features. It supports HTTP 1.1 and recently added HTTP 2.0 support. Undici provides impressive performance, especially with Undici.Stream. It also supports HTTP 1.1 pipelining, which can significantly cut response time. Undici offers flexible connection management and dispatchers, as well as interceptors for customization. Undici v7 is coming with improved APIs and platformatic runtime for running multiple microservices in the same process.

node.js

Vue: Feature Updates

Vue.js London 2023

44 min

Vue: Feature Updates

Top Content

Watch video: Vue: Feature Updates

Evan You

Vue.js & Vite Creator

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.

frontend vue vue 3

Draft.js, Editor.js, Slate.js: Choosing the Best Text Editor for Your React Project

React Summit Remote Edition 2021

8 min

Draft.js, Editor.js, Slate.js: Choosing the Best Text Editor for Your React Project

Top Content

Lee Rowlands

PreviousNext

Welcome to my session on DraftJS, EditJS, and SlideJS. We will discuss their strengths and data model, focusing on React's component and prop model. We will evaluate the editors based on their sustainability, funding, support, maturity, license, editor features, release cycle, data structure, ecosystem, browser support, usage, and GitHub stars. The first editor we'll discuss is Draft.js, which is used by Facebook Messenger, comments, status posts, and the Facebook Notes app. It's funded and supported by Facebook, has a version of 0.11.7, and requires custom code for additional features. The license is MIT. It's a bare metal, in terms of features. The release cycle is semantic version. The data structure is JSON. It's used by 83,000 packages and has 20,000 stars. The data model is made up of blocks with text and entities. It supports various editor features including block styles, inline styles, undo/redo, paste, lists, nested lists, media, and links. Editor.js is a block-based editor written in vanilla JavaScript. It has a 2.19 release, Apache 2.0 license, and a semver release cycle. The data structure is JSON, and there are numerous plugins available. It has 1,500 packages using it and 15,000 stars. The editor features include block styles, inline styles, undo/redo, paste, lists, nested blocks, media, and links.

react slate react text editor react react draft js ide for reactjs

React Hooks Tips Only the Pros Know

React Summit Remote Edition 2021

177 min

React Hooks Tips Only the Pros Know

Top Content

Featured Workshop

Maurice de Beijer

The addition of the hooks API to React was quite a major change. Before hooks most components had to be class based. Now, with hooks, these are often much simpler functional components. Hooks can be really simple to use. Almost deceptively simple. Because there are still plenty of ways you can me...

react react hooks react 18 hooks react profiler deep dive best practices

Testing Pyramid Makes Little Sense, What We Can Use Instead

TestJS Summit 2021

38 min

Testing Pyramid Makes Little Sense, What We Can Use Instead

Top Content

Tamar Twena-Stern

XM Cyber

Tamar is an experienced code writer and architect with expertise in Node.js. Performance testing can be confusing, but understanding terms like throughput and the 99th percentile is crucial. The 99th percentile is important for making commitments and ensuring customer satisfaction. AutoCanon is a powerful tool for simulating requests and analyzing server performance. It can be installed globally or used as a library in Node.js. Autocannon is preferred over Gatling for performance testing and can be integrated with end-to-end tests in Cypress.

performance testing automation

Building Better Websites with Remix

React Summit Remote Edition 2021

33 min

Building Better Websites with Remix

Top Content

Michael Jackson

React Training

Remix is a web framework built on React Router that focuses on web fundamentals, accessibility, performance, and flexibility. It delivers real HTML and SEO benefits, and allows for automatic updating of meta tags and styles. It provides features like login functionality, session management, and error handling. Remix is a server-rendered framework that can enhance sites with JavaScript but doesn't require it for basic functionality. It aims to create quality HTML-driven documents and is flexible for use with different web technologies and stacks.

remix react frameworks

React, TypeScript, and TDD

React Advanced 2021

174 min

React, TypeScript, and TDD

Top Content

Featured Workshop

Paul Everitt

ReactJS is wildly popular and thus wildly supported. TypeScript is increasingly popular, and thus increasingly supported.

The two together? Not as much. Given that they both change quickly, it's hard to find accurate learning materials.

React+TypeScript, with JetBrains IDEs?...

test driven development react typescript react devtools web development best practices

JavaScript

10 Years of Best of JS

JSNation 2025

28 min

10 Years of Best of JS

Michael Rambeau

Creator of Best of JS and JS Rising Stars projects.

Michael discusses the evolution of JavaScript from its early days to modern server-side capabilities, the impact of jQuery, Node.js, and single-page applications with popular libraries like Backbone and AngularJS. The emergence of UI libraries like React, Vue.js, and Angular, alongside meta frameworks like Next.js, Remix, Veltkit, and Solid with server components. The Best of JS project tracks JavaScript project trends, filters out deprecated projects, and monitors GitHub stars for maintenance. The importance of maintaining project relevance, adding new projects continuously, and classifying projects under meaningful tags. The evolution of TypeScript, tool releases like Deno and Burn, styling evolution from CSS to headless components, and the impact of Tailwind CSS. Analysis of CSS optimization, CLI ecosystem, tooling trends, emerging tools, and JavaScript development trends over the past decade.

javascript

Temporal: The Curious Incident of the Wrong Nighttime

JSNation 2025

25 min

Temporal: The Curious Incident of the Wrong Nighttime

Philip Chimento

Igalia, S.L.

Speaker's involvement in Temporal proposal and TC39 meetings for JavaScript standardization. Date conversion challenges faced in development. Addressing time zone discrepancies with Temporal to prevent bugs. Exploration of Temporal types and design philosophy. Usage of Java's time zone serialization in JavaScript Temporal. Challenges in implementing Temporal proposal and its transformative potential in ECMAScript.

javascript tc39 browser api web standards

React

Our Own React Global State Manager in Less Than 50 Lines of Code

React Summit 2025

26 min

Our Own React Global State Manager in Less Than 50 Lines of Code

Top Content

Miguel Ángel Durán

midudev

Speaker delves into global state management in React, mentioning Redux and alternatives like React context. Creating a global state manager in under 50 lines of code with React context, highlighting challenges with performance and React specificity. Building a custom hook named user store for state management, implementing state and API for store, handling partial state updates efficiently. Managing listeners for state changes, setting up custom hooks and selectors, and subscribing to external stores. Demonstrating optimization in state management and preventing unnecessary button re-renders. Discussion on Redux, Signals, debugging, and various global state management choices like Zestand and Redux toolkit.

react

Panel Discussion: The State of React

React Summit 2025

35 min

Panel Discussion: The State of React

7 authors

Panelists introduced themselves and discussed React Server Components (RSCs), exploring usage in production and alternative frameworks. Challenges of adopting RSCs and benefits of universal data fetching were highlighted. The complexities of implementing RSCs were discussed, emphasizing the need for better integration. The potential of server components for composability and evolving architecture was explored. The React compiler's impact on performance optimization and component re-rendering was examined. Discussions included enhancing React with compiler features, evolving feature sets, and reimagining state management. Improvements in communication, community engagement, and dependency management within the React ecosystem were emphasized. Recommendations for managing dependencies, component performance, and audience appreciation were shared.

react

React Strict Dom: Cross-Platform React Based on the Web

React Summit US 2025

29 min

React Strict Dom: Cross-Platform React Based on the Web

Nicolas Gallagher

Top Content

Anton Nepsha

Introduction to React compiler, differences from React 19, installation of Babel plug-in React compiler, specifying target React versions, and how React compiler detects and processes component dependencies. Configuring React compiler settings, exploring default options and configurations, utilizing React compiler playground website for configurations, dealing with JSX markup re-computation. React compiler feature for extracting JSX from array map callbacks, limitations of enable function outlining, enabling JSX outlining for separate functions. Function memoization in React compiler, React compiler beta stage, potential errors with React compiler. React compiler error: memorization preservation, hidden messages, validation settings. React compiler: validation tools, hooks treatment, memorization challenges. Changing hooks to functions for React compiler optimization. React Compiler usage considerations and potential optimizations.

react

The State of React

React Summit 2025

26 min

The State of React

Sacha Greif

Devographics

Introduction to the State of React survey and the history of developer surveys. Detailed analysis of survey results, user demographics, and job titles. Examination of React API trends, user sentiment towards APIs, and new API challenges. Analysis of React library satisfaction, particularly with Next.js. Discussion on React state management and data loading, including pain points. Insights on React library usage patterns and application trends. Key takeaways include staying calm, appreciating foundational React elements, and relying on data for a balanced view.

react

React Beyond the DOM

React Summit US 2025

27 min

React Beyond the DOM

Erik Rasmussen

Eric Rasmussen discusses React beyond the DOM, React PDF, Ink tools, and rendering to Markdown. The overview includes React Reconciler, host configuration, state management with real-world entities like light bulbs, and building a traffic light state machine visually. The talk also covers securing third-party JavaScript, expanding React rendering possibilities, advanced tooling for state machines, controlling light bulbs via renderer callbacks, server functions for fetch in the cloud, and potential robot programming with React.

react

TDD in Frontend

React Summit 2025

121 min

TDD in Frontend

Workshop

Aleksandr Shinkarev

Tests first, code last!How to develop your frontend that the code isn't falling apart? How to make it scary free to deliver your work results? How to battle bugs that are chasing you at every step you make?I am going to answer these questions during the workshop and show how to foll...

react

The State of React and the Community in 2025

React Summit 2025

29 min

The State of React and the Community in 2025

Mark Erikson

Replay.io

Mark Erickson discusses the state of React in 2025, React community debates on React's direction and misconceptions, React's shift towards client-side frameworks and SSR emphasis, React's feature development process at Meta and Vercel, controversy around Vercel's server components involvement, tight relationship between React and Next, React team's emphasis on frameworks for app performance, critique of React's heavy-handed framework recommendation, React team's delay in adding VEET as a recommended tool, challenges with server components' origins and communication, no official signals support planned for React 19, social media impact on React development decisions, React community diversity and server components usage insights, React's evolving black box concept and tradeoffs discussed.

react

Suspenseful Component Composition

React Summit US 2025

12 min

Suspenseful Component Composition

Simeon Griggs

Sanity

Simeon Griggs discusses Suspenseful Component Composition, the use of fallback props, and the basics of suspense in React applications with a demo showcasing data fetching and layout shifting. Exploring issues with data fetching and suspense boundaries. Addressing the challenges of using suspense boundaries and data fetching for individual rows in React applications. Creating consistent fallback elements for smooth loading experiences in tables by aligning sizes and optimizing data fetching placement. Optimizing data fetching placement for smoother loading experiences. Consider exporting suspense boundary to enhance code cleanliness and be defensive against data fetching errors. Use error boundaries to handle errors in suspenseful data fetching components for a smoother user experience.

react

Free workshops

Building Model Context Protocol (MCP) Tools for AI Agents with Cloudflare Workers

Node Congress 2026

73 min

Building Model Context Protocol (MCP) Tools for AI Agents with Cloudflare Workers

WorkshopFree

Confidence Okoghenun

In this hands on workshop participants will learn how to create a production‑ready Model Context Protocol (MCP) server on Cloudflare Workers. The session covers defining tool endpoints, integrating external APIs, persisting state with KV storage, and globally deploying the server so AI assistants...

artificial intelligence

"Hello World" on OpenShift AI: Training Your First Neural Network

AI Coding Summit 2026

53 min

"Hello World" on OpenShift AI: Training Your First Neural Network

WorkshopFree

2 authors

Join us for an interactive workshop where you'll train your first neural network using the classic MNIST handwritten digit dataset. In this hands-on session, participants will use OpenShift AI 3.x Workbenches to build and train a PyTorch model that recognizes handwritten digits from images.

artificial intelligence

Hands-On Guide to Secure AI-Driven Coding

AI Coding Summit 2026

52 min

Hands-On Guide to Secure AI-Driven Coding

WorkshopFree

Gil Friedman

Modern AI coding agents don’t just autocomplete. They execute, connect, and automate. With the wrong settings, they can access more of your system than you intended. In this session, I’ll demonstrate how agent autonomy, MCP integrations, and Skills can lead to unexpected security risks. Through e...

best practices artificial intelligence

Ship a Production Voice Agent: A Hands-on Workshop

AI Coding Summit 2026

49 min

Ship a Production Voice Agent: A Hands-on Workshop

WorkshopFree

Shifra Williams

Ready to bring conversational AI to life? In this hands-on workshop, we'll walk through deploying a real-time voice agent using Render's cloud platform. You'll work directly with LiveKit's voice agent template to create an interactive AI assistant that can listen, think, and respond naturally thr...

web apps

Build Your Dream Extensions with AI

AI Coding Summit 2026

87 min

Build Your Dream Extensions with AI

WorkshopFree

Brittany Joiner

In this interactive workshop, you’ll build a working internal browser extension you and your team can use to share context across apps you use daily. We’ll start with a practical, real-world example: a web clipper that you’ll customize to send content from GitHub to your team’s communication tool...

artificial intelligence

Using Sandboxes to Safely Execute Untrusted or Dynamic Code

AI Coding Summit 2026

76 min

Using Sandboxes to Safely Execute Untrusted or Dynamic Code

WorkshopFree

Craig Dennis

This workshop introduces Sandboxes as a general computing primitive and uses Cloudflare Sandboxes as the concrete implementation. Participants explore common, real-world use cases for sandboxed execution and learn how to reason about when and why sandboxes are the right tool.

The works...

case study

Building AI workflow editor UI in React with Workflow Builder SDK

React Summit US 2025

141 min

Building AI workflow editor UI in React with Workflow Builder SDK

WorkshopFree

Łukasz Jaźwa

Join us to learn how to build your own Zapier-like interface in days, not months. Discover how to save 1,000+ hours of design and coding upfront, building a complex workflow editor UI from scratch. Customize it for AI orchestration, automations, business processes visualization and other real-wor...

artificial intelligence UX UI

The React Developer's Guide to AI Engineering

React Summit US 2025

96 min

The React Developer's Guide to AI Engineering

Featured WorkshopFree

Niall Maher

A comprehensive workshop designed specifically for React developers ready to become AI engineers. Learn how your existing React skills—component thinking, state management, effect handling, and performance optimization—directly translate to building sophisticated AI applications. We'll cover the...

artificial intelligence

Build LLM agents in TypeScript with Mastra and Vercel AI SDK

React Advanced 2025

145 min

Build LLM agents in TypeScript with Mastra and Vercel AI SDK

Featured WorkshopFree

Eric Burel

LLMs are not just fancy search engines: they lay the ground for building autonomous and intelligent pieces of software, aka agents.
Companies are investing massively in generative AI infrastructures. To get their money's worth, they need developers that can make the best out of an LLM, and t...

typescript artificial intelligence

How To Enhance an Existing React App With AI, Without Rewriting It From Scratch

React Advanced 2025

109 min

How To Enhance an Existing React App With AI, Without Rewriting It From Scratch

WorkshopFree

Greg Brimble

In this workshop, we will incrementally augment an existing React application with AI. I'm sure most of you probably already maintain a React app, so rather than starting from the ground-up, let's take something that already works, and develop some patterns for adding practical, real-world AI fea...

artificial intelligence