I Wrote a Full SaaS UI Without a Single Line of JavaScript

说明与用途

开发者使用 Reflex 在单一 Python 仓库中构建完整 SaaS UI，避免了单独前端堆栈，减少了范围蔓延，实现了快速功能交付。

问题

A solo developer needed to ship a full SaaS UI quickly without maintaining separate frontend and backend codebases, type duplication, and multiple CI pipelines.

结果

The developer successfully built a full-featured SaaS UI entirely in Python, eliminating the need for a separate frontend stack, reducing scope creep, and enabling rapid feature delivery in a single repository.

工作流

• 1. Chose Reflex as the UI framework.
• 2. Defined state classes in Python that directly call backend services.
• 3. Implemented UI pages as Reflex component functions in Python.
• 4. Handled custom API routes by adding Starlette routes to app._api.routes.
• 5. Managed WebSocket state synchronization, adding yields when updates failed.
• 6. Wrapped external React components (e.g., cron picker, DAG visualizer) in Python.
• 7. Deployed with Docker Compose or self-hosted via provided docs.
• 8. Added features such as OAuth, SSO, pipeline builder, SQL editor, DAG visualizer, file uploads, RBAC, billing, notifications, i18n, data catalog, and API key management.
• 9. Maintained a layered architecture: models → services → tasks → UI state → UI pages.
• 10. Documented quirks and solutions in architecture docs.

证据

With Reflex, my pipeline service, my UI state, and my page components all share the same language, the same types, the same imports.

来源

I built the following, all in Python, in one repo, by myself: ...

来源