Awesome Reflex
Reflexを扱う資料や関連プロジェクトをまとめたAwesomeリストです。
📚 目次
🛠️ 例のアプリとテンプレート
完全なReflex例のリポジトリはこちら。
Reflex自身のウェブサイトもReflexを使って構築されています！GitHubのコードをご覧ください。
公式テンプレート
- Blank Template - ミニマルなテンプレート。
- Dashboard App - テーブルとグラフを備えるダッシュボード。
- Sales Management - 売上と顧客を管理するアプリ。
- AI Image Generator - AIを使用して画像を生成するアプリ。
- CI Template App - 継続的インテグレーション向けテンプレート。
- API Admin Panel - API用の管理パネル。
- NBA Statistics - NBAデータのデータ可視化アプリ。
- Customer Data App - 顧客データを管理するアプリ。
長すぎないアプリのリスト
- Translator - 皆のための、Reflexで作られた翻訳機。
- Demo - Reflexの能力を紹介するデモアプリ。
- Traversal - グラフトラバーサルアプリ。
- Quiz - Pythonクイズアプリ。
- Dalle - 画像ジェネレーターアプリ。
📖 リソース
公式リソース
- How Reflex works - Reflexの中核原則を理解します。
- Getting Started - Reflexの旅を始めましょう。
外部リソース
ポッドキャスト
- TalkPython - フレームワークに関する洞察。
記事
- Creating Tables - 動的なデータ表示技術を習得します。
- Custom Components - 再利用可能なインターフェース要素を専門的に構築します。
- Structuring a Large App - スケーラブルなウェブアプリケーションを効果的に設計します。
- Designing a Pure Python Web Framework - 高度なフレームワークアーキテクチャパターンを探ります。
- New Core Graphing Components - 見事なデータ可視化を簡単に作成します。
- Unlocking New Workflows with Background Tasks - 非同期タスク処理を最適化します。
チュートリアル
- Build a Python App with Neon - Neonデータベースアプリケーションを作成します。
- Embed Checkout in Reflex - Stripe埋め込みチェックアウト実装。
- Implementing Sign in with Google - スケーラブルなアプリ向けGoogleサインイン。
動画
- Building an AI chat app - 強力な会話型インターフェースを作成します。
- Animated Sidebar Menu - 滑らかなナビゲーションアニメーションを習得します。
- Web App UI - 美しいレスポンシブインターフェースを作ります。
- Data Table Automation - 複雑なデータ表示を合理化します。
- Login UI - 安全な認証フローを設計します。
- Web Auth Trailer - 認証機能をプレビューします。
- Ultimate Full Stack Python Web App - 完全なウェブアプリケーションを構築します。
- Fullstack App Masterclass - モダンなウェブ開発を習得します。
- How to make REST API - 堅牢なバックエンドサービスを作成します。
- Full Stack App Tutorial - 本番対応アプリケーションを構築します。
- Yet Another Full Stack App - 高度な開発パターンを探ります。
- Minimal Analog Clock - エレガントな時刻表示を作成します。
- Simple Task Tracker - 生産性アプリケーションを構築します。
- Modern Web Apps - 現代的なインターフェースを設計します。
- Full Playlist by Line Indent - 完全な動画チュートリアルシリーズ。
チートシート
- API Reference - Reflexアプリを作るための公式APIリファレンス。
📦 コンポーネントライブラリ
reflex-chakra- シンプル、モジュール式、アクセシブルなコンポーネントライブラリ（ラップ済み）。reflex-clerk- ユーザー認証・管理プラットフォームClerkと統合するカスタムReflexコンポーネントライブラリ。reflex-color-picker- カラーピッカー。reflex-chat- チャットコンポーネント。reflex-local-auth- ローカル認証。reflex-nav-menu- ナビゲーションメニューコンポーネント。reflex-intersection-observer- Intersection observer。reflex-echarts- ECharts統合。reflex-google-recaptcha-v2- Google reCAPTCHA v2統合。reflex-simpleicons- SimpleIcons統合。reflex-image-zoom- 画像ズームコンポーネント。reflex-webcam- Webcam統合。reflex-motion- モーションアニメーション。reflex-magic-link-auth- マジックリンク認証。reflex-google-auth- Google認証。reflex-spline- Spline統合。reflex-audio-capture- 音声キャプチャコンポーネント。reflex-calendar- カレンダーコンポーネント。reflex-dynoselect- 動的選択コンポーネント。reflex-simple-password- シンプルなパスワード入力。reflex-antd- Ant Design統合。reflex-resizable-panels- サイズ変更可能なパネル。reflex-animated-cursor- アニメーションカーソルコンポーネント。reflex-monaco- Monacoエディター統合。reflex-qrcode- QRコードジェネレーター。reflex-lottiefiles- LottieFiles統合。reflex-giscus- Reflexアプリケーション向けのGitHub駆動コメントシステム。reflex-wordcloud- ワードクラウドジェネレーター。reflex-ag-grid- AG Grid統合。
🔐 データベースと認証
- Alembic - 容易なデータベースマイグレーション。
- SQLModel - Pydanticを備えるSQLデータベース。
- Neon - サーバーレスPostgresデータベースサービス。
- Clerk（auth library） - 認証とユーザー管理。
- Firebase - アプリ向けバックエンドサービス。
🔗 チェックアウト／ソーシャルメディアリンク
 |
 |
 |
 |
 |
 |