Merge pull request #2 from milochen0418/pr-add-example-hello-reflex

Add the new example hello-reflex

hello-reflex/.gitignore

@@ -0,0 +1,4 @@
+*.py[cod]
+.web
+__pycache__/
+reflex.db

hello-reflex/README.md

@@ -0,0 +1 @@
+# hello-reflex

hello-reflex/hello_reflex/hello_reflex.py

@@ -0,0 +1,36 @@
+import reflex as rx
+class State(rx.State):
+    def say_hello(self):
+        yield rx.window_alert("Hello Reflex")
+    pass
+
+
+def index() -> rx.Component:
+    return rx.fragment(
+        rx.color_mode_button(rx.color_mode_icon(), float="right"),
+        rx.vstack(
+            rx.heading("Hello Reflex!", font_size="2em"),
+            rx.link(
+                "Say Hello",
+                on_click=State.say_hello,
+                border="0.1em solid",
+                padding="0.5em",
+                border_radius="0.5em",
+                _hover={
+                    "color": rx.color_mode_cond(
+                        light="rgb(107,99,246)",
+                        dark="rgb(179, 175, 255)",
+                    )
+                },
+            ),
+            spacing="1.5em",
+            font_size="2em",
+            padding_top="10%",
+        ),
+    )
+
+
+# Add state and page to the app.
+app = rx.App(state=State)
+app.add_page(index)
+app.compile()

hello-reflex/requirements.txt

@@ -0,0 +1 @@
+reflex==0.2.0

hello-reflex/rxconfig.py

@@ -0,0 +1,10 @@
+import reflex as rx
+
+class HelloreflexConfig(rx.Config):
+    pass
+
+config = HelloreflexConfig(
+    app_name="hello_reflex",
+    db_url="sqlite:///reflex.db",
+    env=rx.Env.DEV,
+)