4206afeb7b
* style: shorthand replacements need camelCase Avoid warning on terminal and in browser console from using kebab-case CSS props with emotion. * _rename_props only replace prop name once In case the value also contains the prop name, we don't want to replace it multiple times. * pyi_generator: ignore _rename_props in create signature * Avoid shadowing CSS prop `display` and `gap` Replace usages of `gap` with `spacing` to retain Radix sizing number system, while allowing users to specify a responsive `gap` using CSS units. Remove `display` props from radix components, allowing `display` to accept responsive lists. * checkbox: apply `gap` to `flex` if provided * Remove _rename_props from .create signatures * Fix spacing prop in blank template * Fixup tests after changing style shorthand to return camelCase
122 lines
2.5 KiB
Python
122 lines
2.5 KiB
Python
"""Benchmark the time it takes to compile a reflex app."""
|
|
|
|
import importlib
|
|
|
|
import reflex
|
|
|
|
rx = reflex
|
|
|
|
|
|
class State(rx.State):
|
|
"""A simple state class with a count variable."""
|
|
|
|
count: int = 0
|
|
|
|
def increment(self):
|
|
"""Increment the count."""
|
|
self.count += 1
|
|
|
|
def decrement(self):
|
|
"""Decrement the count."""
|
|
self.count -= 1
|
|
|
|
|
|
class SliderVariation(State):
|
|
"""A simple state class with a count variable."""
|
|
|
|
value: int = 50
|
|
|
|
def set_end(self, value: int):
|
|
"""Increment the count.
|
|
|
|
Args:
|
|
value: The value of the slider.
|
|
"""
|
|
self.value = value
|
|
|
|
|
|
def sample_small_page() -> rx.Component:
|
|
"""A simple page with a button that increments the count.
|
|
|
|
Returns:
|
|
A reflex component.
|
|
"""
|
|
return rx.vstack(
|
|
*[rx.button(State.count, font_size="2em") for i in range(100)],
|
|
gap="1em",
|
|
)
|
|
|
|
|
|
def sample_large_page() -> rx.Component:
|
|
"""A large page with a slider that increments the count.
|
|
|
|
Returns:
|
|
A reflex component.
|
|
"""
|
|
return rx.vstack(
|
|
*[
|
|
rx.vstack(
|
|
rx.heading(SliderVariation.value),
|
|
rx.slider(on_change_end=SliderVariation.set_end),
|
|
width="100%",
|
|
)
|
|
for i in range(100)
|
|
],
|
|
gap="1em",
|
|
)
|
|
|
|
|
|
def add_small_pages(app: rx.App):
|
|
"""Add 10 small pages to the app.
|
|
|
|
Args:
|
|
app: The reflex app to add the pages to.
|
|
"""
|
|
for i in range(10):
|
|
app.add_page(sample_small_page, route=f"/{i}")
|
|
|
|
|
|
def add_large_pages(app: rx.App):
|
|
"""Add 10 large pages to the app.
|
|
|
|
Args:
|
|
app: The reflex app to add the pages to.
|
|
"""
|
|
for i in range(10):
|
|
app.add_page(sample_large_page, route=f"/{i}")
|
|
|
|
|
|
def test_mean_import_time(benchmark):
|
|
"""Test that the mean import time is less than 1 second.
|
|
|
|
Args:
|
|
benchmark: The benchmark fixture.
|
|
"""
|
|
|
|
def import_reflex():
|
|
importlib.reload(reflex)
|
|
|
|
# Benchmark the import
|
|
benchmark(import_reflex)
|
|
|
|
|
|
def test_mean_add_small_page_time(benchmark):
|
|
"""Test that the mean add page time is less than 1 second.
|
|
|
|
Args:
|
|
benchmark: The benchmark fixture.
|
|
"""
|
|
app = rx.App(state=State)
|
|
benchmark(add_small_pages, app)
|
|
|
|
|
|
def test_mean_add_large_page_time(benchmark):
|
|
"""Test that the mean add page time is less than 1 second.
|
|
|
|
Args:
|
|
benchmark: The benchmark fixture.
|
|
"""
|
|
app = rx.App(state=State)
|
|
results = benchmark(add_large_pages, app)
|
|
print(results)
|