# React 19 Projects at AI Tinkerers

> Canonical HTML: https://aitinkerers.org/technologies/react-19
> Markdown URL: https://aitinkerers.org/technologies/react-19.md
> Technology record last updated: 2026-09-18T14:19:48Z
> Generated: 2026-09-20T12:43:51Z

React 19 is a major performance and ergonomics upgrade: It ships the React Compiler and simplifies data mutations with Server/Client Actions.

React 19 is a significant leap, driving performance and developer experience with two core technologies: the **React Compiler** and **Actions**. The Compiler automatically optimizes re-renders, effectively eliminating the need for manual memoization via `useMemo` and `useCallback` . This delivers a performance boost with zero code changes. **Actions** simplify data mutations, such as form submissions, by integrating with concurrent features to automatically manage pending states, errors, and optimistic updates using new hooks like `useActionState` and `useOptimistic` . Additionally, the release stabilizes **React Server Components** for faster initial page loads and introduces the `use()` hook for reading promises or context directly .

- Official technology site: https://react.dev/blog/react-v19
- Public AI Tinkerers demos and talks: 6
- Result page: 1 of 1

## Recent Public Talks and Demos

### [ResearchAgent: An Evidence Procurement Guard for AI Research](https://singapore.aitinkerers.org/talks/rsvp__j9oAmwQHvg)

ResearchAgent is an AI research workflow that can procure premium evidence within a delegated budget and prove how that purchase changed the conclusion. I will demo the complete flow live: set a research mandate, retrieve and cluster open evidence, identify the unresolved gap, then buy, skip, or block sources according to policy. The demo ends with a before/after conclusion and an Evidence Receipt showing the authorization, quote, settlement, access state, and exact claim-level citations.

- Event context: AI Tinkerers Singapore — Saturday Demo Meetup with Joe Heitzeberg (Oct 10) — 2026-10-10 — Singapore
- Public talk page: https://singapore.aitinkerers.org/talks/rsvp__j9oAmwQHvg

### [What happens when you give a guy with little coding experience an AI Server? Just Another AI DAW (JAAD)](https://columbus.aitinkerers.org/talks/rsvp_4YU8BPj7FwE)

Just Another AI DAW (JAAD) is an open-source, browser-based, multitrack Digital Audio Workstation that integrates Google Gemini to deliver real-time AI mixing advice, generative MIDI/stem creation, and mastering tools directly in a local-first interface. In the live demo, I will showcase a working multitrack workspace with responsive AudioWorklet playback, demonstrate Gemini-powered tempo detection and natural-language MIDI sequence generation, and show how we handle local storage caching using the Origin Private File System (OPFS) alongside a WebGL-based visual analyzer.

- Event context: AI Tinkerers - Columbus July Meetup — 2026-07-06 — Columbus
- Public talk page: https://columbus.aitinkerers.org/talks/rsvp_4YU8BPj7FwE

### [GitFlix](https://dubai.aitinkerers.org/talks/rsvp_NOm-XVCUWNY)

GitFlix is an AI-powered developer tool that transforms any GitHub repository's commit history into a cinematic documentary-style video narration. For the demo, I'll show a working system, you paste a GitHub repo URL, the backend ingests the full commit history via the GitHub API, an analytics engine detects contribution eras, character arcs, and hero commits, a LangChain agent generates a structured script and Remotion renders it into an actual video with scenes, narration and transitions. I'll walk through the live app, the LangChain agent reasoning, and the architecture end to end.

- Event context: AI Tinkerers Dubai - May Demo Day — 2026-05-23 — Dubai
- Public talk page: https://dubai.aitinkerers.org/talks/rsvp_NOm-XVCUWNY

### [Building a Real-Time Terminal Messenger on LinkedIn's Private APIs with Bun, Ink, and a Git-Backed Message Store](https://seattle.aitinkerers.org/talks/rsvp_0AqXN-gxTTM)

Allman is a two-layer system for LinkedIn messaging from the terminal: a CLI that syncs, sends, and streams LinkedIn messages into a git-versioned file store, and a TUI that renders it as a full two-pane Ink/React terminal messenger with live updates, auto-backfill, and real-time presence. The demo shows the TUI in action — navigating conversations, composing replies, watching the status bar update as messages stream in over LinkedIn's SSE channel, and kicking off a sync that backfills an entire conversation history while showing live progress counts. Under the hood, the TUI never touches the network directly. Every write — sends, syncs, searches — shells out to the lilac binary, which is embedded inside the compiled TUI executable as a bundled asset. Every read — conversation list, message thread, slug lookup — goes straight to JSONL files on disk, so navigation is instant with zero subprocess overhead per keystroke. The key learning or takeaway is that private APIs, even when obfuscated, are easily reverse-engineered by coding harnesses. Claude Opus 4.6 processed the compiled LinkedIn binary overnight, completely autonomously.

- Event context: AI Tinkerers Seattle: GTM Engineering — April Meetup — 2026-04-23 — Seattle
- Public talk page: https://seattle.aitinkerers.org/talks/rsvp_0AqXN-gxTTM

### [Claude in the Channel: Building an Autonomous Frontend Agent for No-Code Teams](https://tokyo.aitinkerers.org/talks/rsvp_ILK68XIsX3A)

I’ll demonstrate how I turned a Slack channel into a functional "Frontend Desk" where designers and admin staff ship production code without touching an IDE, or having to pay for a no-code platform or a content delivery network (CDN). The system connects a Slack bot to a Claude-powered agent sitting on a server with a live clone of our React/Vite/Tailwind repository. I’ll walk through the technical plumbing that allows the bot to: * Ingest design specs and SVGs directly from Slack threads. * Contextualize those assets within a complex codebase to perform precise UI updates. * Trigger a password-protected staging environment for instant visual feedback. * Execute a `/approve` flow that handles the merging and deployment to GitHub Pages.

- Event context: AI Tinkerers Tokyo - Toranomon Meetup - February 19, 2026 — 2026-02-19 — Tokyo
- Public talk page: https://tokyo.aitinkerers.org/talks/rsvp_ILK68XIsX3A

### [Building a Multi-Tenant AI Chatbot with Dynamic Tool Calling](https://nairobi.aitinkerers.org/talks/rsvp_dRE4x1N-nvU)

We built Vantage, a multi-tenant SaaS chatbot platform that enables businesses to deploy AI-powered chat widgets with a powerful twist: each tenant can connect their own external APIs—like shipping, inventory, or CRM—and the AI automatically knows when and how to call them. The biggest technical challenge was creating a dynamic tool system that allows non-technical users to define API connections through a no-code UI, while the system generates tool schemas that AI Models understand. From there, the agent intelligently decides when to invoke these tools during conversations. The platform automatically manages authentication, parameter extraction, response parsing, caching, and error fallback, delivering a seamless developer and user experience. I’ll demonstrate how I architected the tool orchestration layer using the ApiExecutor, ParameterExtractor, and ResponseFormatter services; how the multi-step tool chaining system works for tasks like “check availability” followed by “book appointment”; and how real-time agent handoff is triggered based on AI confidence scoring. The system also supports WebSocket-based live conversations via Laravel Reverb and a multi-tenant architecture with complete data isolation. The tech stack includes Laravel 12, React 19, Inertia.js, xAI Grok API, MySQL, Redis, and WebSockets.

- Event context: AI Tinkerers Nairobi - Edition #4 (Nov 6, 2025) — 2025-11-06 — Nairobi
- Public talk page: https://nairobi.aitinkerers.org/talks/rsvp_dRE4x1N-nvU

## Related Technologies

- [TypeScript](https://aitinkerers.org/technologies/typescript) ([Markdown](https://aitinkerers.org/technologies/typescript.md)) — 205 public demos
- [Vite](https://aitinkerers.org/technologies/vite) ([Markdown](https://aitinkerers.org/technologies/vite.md)) — 17 public demos
- [React](https://aitinkerers.org/technologies/react) ([Markdown](https://aitinkerers.org/technologies/react.md)) — 219 public demos
- [Tailwind CSS](https://aitinkerers.org/technologies/tailwind-css) ([Markdown](https://aitinkerers.org/technologies/tailwind-css.md)) — 22 public demos
- [AudioWorklet](https://aitinkerers.org/technologies/audioworklet) ([Markdown](https://aitinkerers.org/technologies/audioworklet.md)) — 1 public demo
- [Bun](https://aitinkerers.org/technologies/bun) ([Markdown](https://aitinkerers.org/technologies/bun.md)) — 19 public demos
- [bundler](https://aitinkerers.org/technologies/bundler) ([Markdown](https://aitinkerers.org/technologies/bundler.md)) — 1 public demo
- [Claude API](https://aitinkerers.org/technologies/claude-api) ([Markdown](https://aitinkerers.org/technologies/claude-api.md)) — 20 public demos
- [Claude Code](https://aitinkerers.org/technologies/claude-code) ([Markdown](https://aitinkerers.org/technologies/claude-code.md)) — 214 public demos
- [CLI](https://aitinkerers.org/technologies/cli) ([Markdown](https://aitinkerers.org/technologies/cli.md)) — 9 public demos
- [Commander](https://aitinkerers.org/technologies/commander) ([Markdown](https://aitinkerers.org/technologies/commander.md)) — 4 public demos
- [DOM](https://aitinkerers.org/technologies/dom) ([Markdown](https://aitinkerers.org/technologies/dom.md)) — 1 public demo
- [FastAPI](https://aitinkerers.org/technologies/fastapi) ([Markdown](https://aitinkerers.org/technologies/fastapi.md)) — 181 public demos
- [frontend](https://aitinkerers.org/technologies/frontend) ([Markdown](https://aitinkerers.org/technologies/frontend.md)) — 6 public demos
- [Gemini API](https://aitinkerers.org/technologies/gemini-api) ([Markdown](https://aitinkerers.org/technologies/gemini-api.md)) — 20 public demos
- [git](https://aitinkerers.org/technologies/git) ([Markdown](https://aitinkerers.org/technologies/git.md)) — 24 public demos
- [Groq API](https://aitinkerers.org/technologies/groq-api) ([Markdown](https://aitinkerers.org/technologies/groq-api.md)) — 4 public demos
- [Ink](https://aitinkerers.org/technologies/ink) ([Markdown](https://aitinkerers.org/technologies/ink.md)) — 1 public demo