react-streaming-sse-patterns

Official

Streamline React 18 server-push with SSE for AI and real-time data

Authorai-enhanced-engineer
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill simplifies implementing Server-Sent Events (SSE) streaming patterns in React 18 applications, streamlining the creation of AI token streaming, live updates, and server-push features.

Core Features & Use Cases

  • AI Response Streaming: Enables the seamless integration of AI-generated content, such as live chat or completions.
  • Real-Time Dashboards: Facilitates the creation of dynamic, real-time data visualizations.
  • Server Push Notifications: Manages event-driven, one-way communication from server to client without WebSockets.
  • Use Case: When building a React app that requires instant feedback on server events, like stock prices or social media updates, SSE offers a lightweight, reliable solution.

Quick Start

Start streaming live data to your React application by using the skill: /plugin install aiee-skills:react-streaming-sse-patterns

Dependency Matrix

Required Modules

axiosreadable-stream

Components

scriptsreferencesassets

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: react-streaming-sse-patterns
Download link: https://github.com/ai-enhanced-engineer/aiee-skills/archive/main.zip#react-streaming-sse-patterns

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.