Reflex: создание веб-приложений на чистом Python без JavaScript

Reflex — это библиотека для создания полнофункциональных веб-приложений на чистом Python. Она позволяет писать как фронтенд, так и бэкенд, без необходимости изучать JavaScript. Это делает проект доступным для разработчиков, которые умеют работать только с Python.

Зачем это нужно?

Reflex предлагает возможность быстро разрабатывать веб-приложения различной сложности, от простых до комплексных, используя только Python. Это может значительно упростить процесс создания приложений и снизить порог входа для разработчиков, знакомых исключительно с этим языком.

Как установить и запустить

Для работы с Reflex рекомендуется использовать виртуальное окружение, чтобы команда `reflex` была доступна в вашем PATH.

Вот шаги для создания простого приложения:

mkdir my_app_name
cd my_app_name
uv init

uv add reflex
uv run reflex init
uv run reflex run

После выполнения этих команд, ваше приложение будет доступно по адресу http://localhost:3000. Ты можешь изменить исходный код в файле `my_app_name/my_app_name.py`. Reflex поддерживает быструю перезагрузку, так что изменения будут видны мгновенно при сохранении.

Пример приложения

Reflex позволяет создавать, например, приложение для генерации изображений. В этом примере определяется пользовательский интерфейс, управляется состояние через класс, и вызывается модель генерации изображений из обработчика событий. Вот как это выглядит на Python:

import reflex as rx
import openai

client = openai.AsyncOpenAI()


class State(rx.State):
    prompt: str = ""
    image_url: str = ""
    processing: bool = False

    @rx.event
    def set_prompt(self, value: str):
        self.prompt = value

    @rx.event
    async def generate(self):
        self.processing = True
        yield
        response = await client.images.generate(
            model="gpt-image-1.5",
            prompt=self.prompt,
        )
        self.image_url = f"data:image/png;base64,{response.data[0].b64_json}"
        self.processing = False


def index():
    return rx.vstack(
        rx.heading("Image Generator"),
        rx.input(placeholder="Enter a prompt...", on_change=State.set_prompt),
        rx.button("Generate", on_click=State.generate, loading=State.processing),
        rx.image(src=State.image_url),
    )


app = rx.App()
app.add_page(index, title="Reflex:Image Generation")

Ограничения

Основное ограничение заключается в том, что для полноценной работы требуется понимание Python. Также стоит отметить, что другая часть экосистемы веб-разработки, такая как библиотеки на JavaScript, может быть не доступна. Однако для проектов, ориентированных на Python, Reflex предоставляет мощные инструменты для быстрой разработки.