# React Router Projects at AI Tinkerers

> Canonical HTML: https://aitinkerers.org/technologies/react-router
> Markdown URL: https://aitinkerers.org/technologies/react-router.md
> Technology record last updated: 2026-02-26T15:22:14Z
> Generated: 2026-09-23T08:51:20Z

The definitive client-side routing library for React, enabling seamless Single Page Application (SPA) navigation via declarative components like `` and ``.

React Router is the industry-standard solution for managing URL synchronization and navigation within a React application. The current version, v6/v7, streamlines routing with a declarative API: use `` to map paths to components via `` elements, and use `` for nested layouts . For dynamic control, the library provides powerful hooks, including `useNavigate` and `useParams` . Furthermore, recent v6.4+ updates introduced data APIs like `loaders` and `actions`, centralizing data fetching and mutations within the route configuration for optimized performance and cleaner code architecture .

- Official technology site: https://reactrouter.com
- Public AI Tinkerers demos and talks: 5
- Result page: 1 of 1

## Recent Public Talks and Demos

### [Using Storybook To 10X Frontend Dev With Coding Agents](https://singapore.aitinkerers.org/talks/rsvp_Rgvf7fv-1Qg)

Implemented Storybook in an open source project where Storybook became the main development surface for frontend work. Experimented and over time, developed a heavily storybook driven approach for frontend development that works really well with frontier coding agents. Demo points: - Intro to storybook - Why storybook makes sense today with coding agents - Key benefits: Cleaner code structure, improved coding agent results, significantly less manual QA - How to use storybook descriptions to provide live intent to the coding agent - How to set up a long running task with feedback to solve a complex frontend problem

- Event context: AI Tinkerers Singapore: The Agentic Future & Dev/Eng Workflows — 2026-04-21 — Singapore
- Public talk page: https://singapore.aitinkerers.org/talks/rsvp_Rgvf7fv-1Qg

### [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

### [Aeris: AI-Native Astrology Software](https://nyc.aitinkerers.org/talks/rsvp_Ui9brIC8HHM)

Aeris is a traditional astrology software in the cloud with it's own super-powered API and an LLM integration (soon to be a custom fine-tuned model) and beautiful renderings of astro cartography maps and 10,000+ years of traditional ephemeris data rendered in real time.

- Event context: Feb Demo Day: How are you turning design into code? (with Baz) — 2026-02-04 — New York City
- Public talk page: https://nyc.aitinkerers.org/talks/rsvp_Ui9brIC8HHM

### [Hoist the Flag and Win Demos](https://belgrade.aitinkerers.org/talks/rsvp_tc3tizG5lRg)

See how using feature flags can help you quickly customize your product experience and bring instant customization to your sales pitch.

- Event context: AI Tinkerers Belgrade Opening Meetup with PostHog — November 27, 2025 — 2025-11-27 — Belgrade
- Public talk page: https://belgrade.aitinkerers.org/talks/rsvp_tc3tizG5lRg

### [agentview - do conversational agents need a CMS?](https://poland.aitinkerers.org/talks/rsvp_LCWKw2BJ8-0)

In recent months I’ve built a bunch of conversational agents for ecommerce (one for famous 1B$+ brand). It'd seem that the most important part of such job should be AI engineering: business goals analysis, crafting prompts, tools and AI pipeline, evals, error analysis etc. The hard lesson: it's not. There is something else. I think I spent *more* time on building scaffolding around my agent than the agent itself: - conversation viewer for team members, with custom business-specific views (look at your data!) - collaboration - domain experts and business stakeholders should be able to test, comment, feedback and discuss agent outputs (like in Google Docs or Notion) - storage, stateful API, deployment - channel integrations (connect input like email/whatsapp, or output: zendesk/intercom for human escalation) - search - version management - management of users & teams - client requested being able to play with the prompts and knowledge base, never managed to get to that point This scaffolding feels almost like a "CMS", but for agents. And I think we might need one. In this presentation: - I'll share my experiences what scaffolding should look like so that clients love the process - I'm gonna show an experimental open-source project `agentview`, which goal is to dramatically reduce the time to build one (inspired by architecture from Sanity CMS, Shopify and ... wordpress ;)).

- Event context: AI Tinkerers Poland #5 - Meetup in Warsaw (September) — 2025-09-18 — Poland
- Public talk page: https://poland.aitinkerers.org/talks/rsvp_LCWKw2BJ8-0

## Related Technologies

- [React](https://aitinkerers.org/technologies/react) ([Markdown](https://aitinkerers.org/technologies/react.md)) — 220 public demos
- [Vite](https://aitinkerers.org/technologies/vite) ([Markdown](https://aitinkerers.org/technologies/vite.md)) — 17 public demos
- [Claude](https://aitinkerers.org/technologies/claude) ([Markdown](https://aitinkerers.org/technologies/claude.md)) — 174 public demos
- [Claude API](https://aitinkerers.org/technologies/claude-api) ([Markdown](https://aitinkerers.org/technologies/claude-api.md)) — 21 public demos
- [Claude Code](https://aitinkerers.org/technologies/claude-code) ([Markdown](https://aitinkerers.org/technologies/claude-code.md)) — 216 public demos
- [Clerk](https://aitinkerers.org/technologies/clerk) ([Markdown](https://aitinkerers.org/technologies/clerk.md)) — 4 public demos
- [Codex](https://aitinkerers.org/technologies/codex) ([Markdown](https://aitinkerers.org/technologies/codex.md)) — 44 public demos
- [DOM](https://aitinkerers.org/technologies/dom) ([Markdown](https://aitinkerers.org/technologies/dom.md)) — 1 public demo
- [Elysia](https://aitinkerers.org/technologies/elysia) ([Markdown](https://aitinkerers.org/technologies/elysia.md)) — 2 public demos
- [frontend](https://aitinkerers.org/technologies/frontend) ([Markdown](https://aitinkerers.org/technologies/frontend.md)) — 6 public demos
- [GPT-5](https://aitinkerers.org/technologies/gpt-5) ([Markdown](https://aitinkerers.org/technologies/gpt-5.md)) — 30 public demos
- [PostHog](https://aitinkerers.org/technologies/posthog) ([Markdown](https://aitinkerers.org/technologies/posthog.md)) — 13 public demos
- [React 19](https://aitinkerers.org/technologies/react-19) ([Markdown](https://aitinkerers.org/technologies/react-19.md)) — 6 public demos
- [Slack Bolt](https://aitinkerers.org/technologies/slack-bolt) ([Markdown](https://aitinkerers.org/technologies/slack-bolt.md)) — 1 public demo
- [Storybook](https://aitinkerers.org/technologies/storybook) ([Markdown](https://aitinkerers.org/technologies/storybook.md)) — 1 public demo
- [Supabase](https://aitinkerers.org/technologies/supabase) ([Markdown](https://aitinkerers.org/technologies/supabase.md)) — 90 public demos
- [Tailwind CSS](https://aitinkerers.org/technologies/tailwind-css) ([Markdown](https://aitinkerers.org/technologies/tailwind-css.md)) — 22 public demos
- [TanStack Query](https://aitinkerers.org/technologies/tanstack-query) ([Markdown](https://aitinkerers.org/technologies/tanstack-query.md)) — 3 public demos