Table of Contents generated with DocToc

• React Plugin Development Tools
  • Overview
  • Files
  • Quick Start
  • Optional AI Agent Rules

React Plugin Development Tools

This directory contains tools for developing React-based Airflow plugins that can be dynamically loaded into the Airflow UI.

Overview

These tools help you create React plugin projects that:

• Build as libraries compatible with dynamic imports
• Share React instances with the host Airflow application
• Follow Airflow's UI development patterns and standards
• Include proper TypeScript configuration and build setup

Files

• bootstrap.py - CLI tool to create new React plugin projects
• react_plugin_template/ - Template directory with all the necessary files

Quick Start

Create a New Plugin Project

# From the dev/react-plugin-tools directory
python bootstrap.py my-awesome-plugin

# Or specify a custom directory
python bootstrap.py my-awesome-plugin --dir /path/to/my-projects/my-awesome-plugin

Optional AI Agent Rules

The bootstrap tool asks whether to include AI agent coding rules. Answering yes adds an ai-agent-rules/ directory to the generated project with Airflow React plugin conventions and validation commands. The files use tool-agnostic Markdown, so follow the generated directory's README to adapt them to the format supported by your AI coding tool.