reflex-dev / reflex

🕸️ Web apps in pure Python 🐍

Home Page:https://reflex.dev

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Issue with reflex.dev documentation - The code in the example on the page and the code in the generated app are different

jdrumgoole opened this issue · comments

Path: /docs/tutorial/frontend

The code in the generated app

from rxconfig import config

import reflex as rx

docs_url = "https://reflex.dev/docs/getting-started/introduction/"
filename = f"{config.app_name}/{config.app_name}.py"


class State(rx.State):
    """The app state."""


def index() -> rx.Component:
    return rx.center(
        rx.theme_panel(),
        rx.vstack(
            rx.heading("Welcome to Reflex!", size="9"),
            rx.text("Get started by editing ", rx.code(filename)),
            rx.button(
                "Check out our docs!",
                on_click=lambda: rx.redirect(docs_url),
                size="4",
            ),
            rx.logo(),
            align="center",
            spacing="7",
            font_size="2em",
        ),
        height="100vh",
    )


app = rx.App()
app.add_page(index)

Doesn't match what is on the page in the docs.

@jdrumgoole The code on the page you referenced is a tutorial on creating a chat app. I am confused what part of the docs has a different code than what is expected. As far as I can tell, the code above is that of when you select the blank template after running reflex init