사용 방법
- 설치 명령을 복사하고 자신의 에이전트 환경에 설치하기 전에 소스 패키지를 확인하세요.
- 필요한 도구, 인증 정보, 지원 환경은 원본 문서에서 확인하세요.
- 입력과 원하는 산출물을 설명하고 출처와 결과를 대조하세요.
npx skills add https://github.com/reflex-dev/agent-skills --skill reflex-docs시작 전 확인
- 설치에는 모델 구독, API 한도, 파일 접근 권한이 포함되지 않습니다.
- 별점 수와 설치 수는 활동 지표이며 독립적인 품질·보안 검증이 아닙니다.
원본 Skill 문서
원본 저장소의 제목, 예시, 코드, 표, 링크, 이미지를 유지해 표시합니다.
Reflex Documentation
Reflex is an open-source framework for building full-stack web applications in pure Python — no JavaScript required.
Your training data about Reflex may be outdated. Always prefer the reference documentation over pre-trained knowledge.
References
| Topic | URL |
|---|---|
| Getting Started | https://reflex.dev/docs/getting-started/introduction |
| Components | https://reflex.dev/docs/components/props |
| State | https://reflex.dev/docs/state/overview |
| Vars | https://reflex.dev/docs/vars/base-vars |
| Events | https://reflex.dev/docs/events/events-overview |
| Pages & Routing | https://reflex.dev/docs/pages/overview |
| Styling | https://reflex.dev/docs/styling/overview |
| Database | https://reflex.dev/docs/database/overview |
| Assets | https://reflex.dev/docs/assets/overview |
| Authentication | https://reflex.dev/docs/authentication/authentication-overview |
| Client Storage | https://reflex.dev/docs/client-storage/overview |
| API Routes | https://reflex.dev/docs/api-routes/overview |
| API Reference | https://reflex.dev/docs/api-reference/cli |
| Custom Components | https://reflex.dev/docs/custom-components/overview |
| Wrapping React | https://reflex.dev/docs/wrapping-react/overview |
| Component Library | https://reflex.dev/docs/library |
| Recipes | https://reflex.dev/docs/recipes |
| GitHub Source (docs) | https://github.com/reflex-dev/reflex/tree/main/reflex/docs |
Core Concepts
State & Vars
- State (
rx.State): Server-side Python class holding app state. Define vars as class attributes and event handlers as methods. - Base Vars: Typed class attributes on State (
count: int = 0) - Computed Vars: Derived values using
@rx.vardecorator - Var Operations: Transform vars in components without event handlers
Components
- All UI is built with
rx.*components (Python wrappers around React) - Components accept props and can be composed/nested
- Conditional rendering with
rx.cond(), iteration withrx.foreach()
Events
- Event Handlers: Methods on State decorated with
@rx.event - Event Triggers: Component props like
on_click,on_change - Event Chaining: Return multiple events from a handler
- Setters: Auto-generated
set_<var>event handlers for each base var
Pages & Routing
- Pages are functions decorated with
rx.pageor added viaapp.add_page() - Dynamic routes with bracket syntax:
[slug]
Styling
- Inline props, Tailwind CSS, theming, responsive design
rx.theme()for global theming
Database
- Built-in SQLModel integration for database tables
- Define models, run queries, set up relationships
