reflex-docs

Provides Reflex framework documentation for building full-stack Python web applications.

Updated Aug 20, 2026
One-click install
npx skills add https://github.com/ishfuseini/usecase-gen --skill reflex-docs-ishfuseini
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: reflex-docs
Source: https://github.com/ishfuseini/usecase-gen/tree/main/.crush/skills/reflex-docs
Command: npx skills add https://github.com/ishfuseini/usecase-gen --skill reflex-docs-ishfuseini

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Reflex evolves quickly, so pre-trained knowledge about its APIs is often outdated. This Skill supplies current Reflex documentation references and core concept summaries so you can build full-stack Python web apps with accurate guidance on components, state, events, and routing. ## Core Features & Use Cases - Curated Documentation Index: Direct links to official Reflex docs covering components, state, vars, events, pages, styling, database, authentication, API routes, and React wrapping. - Core Concept Reference: Concise summaries of State, Base Vars, Computed Vars, event handlers, conditional rendering with rx.cond, and iteration with rx.foreach. - Use Case: While writing a Reflex app, you need to add a dynamic route and a computed var. Load this Skill to get the correct syntax patterns and the exact documentation URLs instead of relying on stale training data. ## Quick Start Ask the assistant to show how to define a Reflex State class with a computed var and wire it to a button click event.

Frequently Asked Questions about reflex-docs

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I manage state in a Reflex app?

Define a class inheriting from rx.State with typed class attributes as base vars, such as count: int = 0. Use the @rx.var decorator for computed vars and define event handlers as methods decorated with @rx.event.

How do I handle events and button clicks in Reflex?

Attach event handlers to component trigger props like on_click or on_change. Handlers are methods on your State class, and Reflex auto-generates set_<var> handlers for each base var. You can also chain multiple events by returning them from a handler.

Does Reflex support conditional rendering and lists?

Yes. Use rx.cond() for conditional rendering based on state vars, and rx.foreach() to iterate over list vars and render a component per item. Both operate on state vars rather than plain Python values.

Can Reflex connect to a database?

Reflex includes built-in SQLModel integration for database operations. You define models as classes, run queries within state event handlers, and set up relationships between tables, as covered in the database documentation.

Can I wrap existing React components in Reflex?

Yes, Reflex supports wrapping React components so they can be used as rx components in Python. The wrapping-react documentation covers the process, and custom components can also be published for reuse.