Reflex

New Features

Set `initial_value` for `rx.var` and `rx.cached_var`

Provide a placeholder to avoid evaluating computed vars during compile time, for example, if they would perform database queries or other expensive operations.

python
class MyState(rx.State):
rx.var(initial_value=42)
def answer(self):
with rx.session() as session:
session.exec(...)


* Initial values for computed vars by benedikt-bartscher in https://github.com/reflex-dev/reflex/pull/2670

`State.get_state` allows access to arbitrary substates from within an event handler

python
class MyState(rx.State):
answer: int = 42

class OtherState(rx.State):
async def get_answer(self):
my_state = await self.get_state(MyState)
print(f"The answer is {my_state}.answer")


Note that `get_state` is an async function and must be `await`'ed

* [REF-1988] API to Get instance of Arbitrary State class by masenf in https://github.com/reflex-dev/reflex/pull/2678

CLI for Creating and Publishing 3rd Party Components

* Add support for custom components starter by martinxu9 in https://github.com/reflex-dev/reflex/pull/2314

Improvements

Allow `accent` as a valid choice in `rx.color`

* added accent option in color by wassafshahzad in https://github.com/reflex-dev/reflex/pull/2713

Chakra no longer used when rendering Markdown

* remove chakra from markdown component_map by Lendemor in https://github.com/reflex-dev/reflex/pull/2709

Sidebar template uses all Radix components

* Lendemor/templates radix sidebar by Lendemor in https://github.com/reflex-dev/reflex/pull/2705

Disallow invalid `/api` prefix for frontend page routes

These routes conflict with what NextJS considers special "API routes" and thus do not work for reflex pages.

* [REF-1741] Disallow routes with /api prefix by masenf in https://github.com/reflex-dev/reflex/pull/2711

`rx.plotly` now accepts arbitrary `config` prop

* Add config to rx.plotly component by amirmolavi in https://github.com/reflex-dev/reflex/pull/2745

Computed Backend-only Vars

* DRAFT PR - Added code for computed backend vars by wassafshahzad in https://github.com/reflex-dev/reflex/pull/2540

Connection Pulser While Websocket is Disconnected

Only show the "Connection Error" banner after a few failed reconnection attempts.

* add pulser for connection + adjust condition for connnection_modal by Lendemor in https://github.com/reflex-dev/reflex/pull/2676

Reconnect Websocket in Stale Tabs

When a browser tab regains focus, automatically reconnect the websocket if it is disconnected.

* Reconnection Logic by Yummy-Yums in https://github.com/reflex-dev/reflex/pull/2743

Bug Fixes

* small update to color scheme high level select by tgberkeley in https://github.com/reflex-dev/reflex/pull/2712
* fix inherited backend var deps by benedikt-bartscher in https://github.com/reflex-dev/reflex/pull/2715
* Avoid frontend errors with getRefValue by masenf in https://github.com/reflex-dev/reflex/pull/2691
* Add missing header variable in el components in __init__.py file. by cllatser in https://github.com/reflex-dev/reflex/pull/2732
* [REF-2101] Support default_value and default_checked on rx.el.input by masenf in https://github.com/reflex-dev/reflex/pull/2739
* fix initial value for color_mode by Lendemor in https://github.com/reflex-dev/reflex/pull/2741
* fix drawer on_open_change event by Lendemor in https://github.com/reflex-dev/reflex/pull/2755
* call default_factorys on State.reset by benedikt-bartscher in https://github.com/reflex-dev/reflex/pull/2749

Other Changes
* benchmarks.yml: skip benchmarking if the DATABASE_URL is not set by masenf in https://github.com/reflex-dev/reflex/pull/2701
* do not store new_backend_vars in State class by benedikt-bartscher in https://github.com/reflex-dev/reflex/pull/2707
* fix type of value2 in test_state by benedikt-bartscher in https://github.com/reflex-dev/reflex/pull/2708
* pyproject.toml: bump to 0.4.2 by masenf in https://github.com/reflex-dev/reflex/pull/2724
* Update sidebar template README.md by thedatadavis in https://github.com/reflex-dev/reflex/pull/2735
* fix telemetry for init event by Lendemor in https://github.com/reflex-dev/reflex/pull/2736
* Only alert users of reflex upgrade once per project by ElijahAhianyo in https://github.com/reflex-dev/reflex/pull/2731
* fix black+ruff by benedikt-bartscher in https://github.com/reflex-dev/reflex/pull/2750
* add some backend var state inheritance tests by benedikt-bartscher in https://github.com/reflex-dev/reflex/pull/2685
* initial attempt at writing test for urls by tgberkeley in https://github.com/reflex-dev/reflex/pull/2689

New Contributors
* thedatadavis made their first contribution in https://github.com/reflex-dev/reflex/pull/2735
* amirmolavi made their first contribution in https://github.com/reflex-dev/reflex/pull/2745

**Full Changelog**: https://github.com/reflex-dev/reflex/compare/v0.4.2...v0.4.3

New Features

Syncronize LocalStorage between tabs

Pass the new `sync=True` argument to `rx.LocalStorage` to enable changes on one tab to automatically update in other tabs.

* feat: Synchronizing localStorage between tabs using browser events by abulvenz in https://github.com/reflex-dev/reflex/pull/2533

Improvements

Tuple type annotations are now respected index-wise

* fixed bug in var type for iterable types by wassafshahzad in https://github.com/reflex-dev/reflex/pull/2617

Substates are serialized individually

This allows apps with large state to only serialize and deserialize the parts of the state needed to handle a given event.

* [REF-1885] Shard Substates when serializing to Redis by masenf in https://github.com/reflex-dev/reflex/pull/2574

Better Image Serialization

Improves mime type detection for more types of PIL Image objects.

* fix image serializing - REF-1889 by mentally-gamez-soft in https://github.com/reflex-dev/reflex/pull/2550

Other Improvements

* Progress component to support `color_scheme` on component level by ElijahAhianyo in https://github.com/reflex-dev/reflex/pull/2684
* ThemePanel is toggleable with bool in Theme by Lendemor in https://github.com/reflex-dev/reflex/pull/2675

Bug Fixes

* Fix SQLAlchemy list types by benedikt-bartscher in https://github.com/reflex-dev/reflex/pull/2668
* [REF-2045] Implement __reduce_ex__ for MutableProxy by masenf in https://github.com/reflex-dev/reflex/pull/2688
* Fix for setting `rx.theme(appearance="dark")` (Note: dark mode does not work with `rx.theme_panel`)
* Apply app theme color_mode/appearance as next-themes default by masenf in https://github.com/reflex-dev/reflex/pull/2654
* `rx.Upload` can now contain children components that use State.
* Make `rx.Upload` a memoization leaf by ElijahAhianyo in https://github.com/reflex-dev/reflex/pull/2695

Accordion Issues

* Fix Browser Warnings
* Accordion Root Exclude `color_scheme` and `variant` props in tag by ElijahAhianyo in https://github.com/reflex-dev/reflex/pull/2664
* Fix accordion not working with `rx.foreach`
* Accordion Items unique Value by ElijahAhianyo in https://github.com/reflex-dev/reflex/pull/2663

Other Changes

* Use classes for allowed components by ElijahAhianyo in https://github.com/reflex-dev/reflex/pull/2662
* Use sync redis client to determine prod mode worker number and add sanity check by martinxu9 in https://github.com/reflex-dev/reflex/pull/2679
* bump github action versions by martinxu9 in https://github.com/reflex-dev/reflex/pull/2680
* test_input: replace sleep with `_poll_for` by masenf in https://github.com/reflex-dev/reflex/pull/2677
* Debounce `input_ref` Truthiness check for vars by ElijahAhianyo in https://github.com/reflex-dev/reflex/pull/2692
* use direction props from radix.Flex by Lendemor in https://github.com/reflex-dev/reflex/pull/2696
* Bump axios version to 1.6.0 by timmypidashev in https://github.com/reflex-dev/reflex/pull/2699

New Contributors
* mentally-gamez-soft made their first contribution in https://github.com/reflex-dev/reflex/pull/2550

Fix Windows Hot-reload

* Downgrade uvicorn version by ElijahAhianyo in https://github.com/reflex-dev/reflex/pull/2669


Improvements

Avoid Browser Error When Uploading

* fix: File upload error after using rx.clear_selected_files by abulvenz in https://github.com/reflex-dev/reflex/pull/2666

Bug Fixes

* [REF-1993] link: respect `is_external` prop and other attributes on A tag by masenf in https://github.com/reflex-dev/reflex/pull/2651

New Contributors
* abulvenz made their first contribution in https://github.com/reflex-dev/reflex/pull/2666

**Full Changelog**: https://github.com/reflex-dev/reflex/compare/v0.4.0...v0.4.1

See our blog post for more details on this release: https://reflex.dev/blog/2024-02-16-reflex-v0.4.0

Known Issues

Hot reload on windows does not seem to work (Under investigation)

Breaking Changes

Top-level Namespace is now Radix Components

See the latest Reflex documentation for complete information about the new components API.

**Run `reflex script keep-chakra` to retain compatibility with 0.3.x apps.**

This script will automatically update your app code to reference previous top-level namespace via `rx.chakra.<x>`

Some components are no longer available in the core library and must now be accessed via `rx.chakra` such as:

- `circular_progress`
- `stat` and `stat_group`
- `list` (Use `rx.unordered_list(list_style_type="none")` instead)
- `pin_input`
- `circle`
- `button_group`

Component Prop Changes

- `rx.progress` no longer supports `is_indeterminate`
- `rx.slider`: `value` is expected to be a list of numbers, one for each slider thumb. `on_change` will be called with a list of numbers, one for each slider thumb.
- `rx.vstack` and `rx.hstack` no longer center content by default.
- `rx.icon` uses [Lucide](https://lucide.dev/icons/) tags (`rx.chakra.icon` for the previous tags)
- `spacing` and `size` props accept radix scale, generally string integers, from "0" to "9".
- To apply CSS units, use CSS props like `gap`, `height`, `width`, `padding`, etc.
- `type_`, `max_`, and `min_` props should be specified without the trailing underscore.

Radix Themes

Apply themes to the root `rx.App` component via the `theme=rx.theme(...)` prop. This will apply the theme to all radix components.

New Features

Upload Workflow Refactor

- Set upload dir via environment variable `REFLEX_UPLOADED_FILES_DIR`, which defaults to `./uploaded_files`.
- Use `rx.get_upload_dir()` to access the upload directory from the backend.
- Use `rx.get_upload_url(filename)` to get a link to the uploaded file in the frontend.

`rx.download` now accepts `str` or `bytes` for `data` argument

Allow users to download data directly from the backend without writing to an intermediate file.

All Changes

* Clean up Radix Form component by martinxu9 in https://github.com/reflex-dev/reflex/pull/2423
* auto enable /_upload endpoint only if Upload component is used by benedikt-bartscher in https://github.com/reflex-dev/reflex/pull/2430
* extend state inheritance tests with non-computed vars by benedikt-bartscher in https://github.com/reflex-dev/reflex/pull/2425
* parse return type annotations of sqlalchemy hybrid properties by benedikt-bartscher in https://github.com/reflex-dev/reflex/pull/2422
* Input high level api by picklelo in https://github.com/reflex-dev/reflex/pull/2410
* radix link renders as next link by default use by martinxu9 in https://github.com/reflex-dev/reflex/pull/2440
* test_telemetry fails for Python Version 3.11.0rc1 by Yummy-Yums in https://github.com/reflex-dev/reflex/pull/2431
* Docstrings for radix components by masenf in https://github.com/reflex-dev/reflex/pull/2407
* [REF-1692] re-enable partial reflex web windows by masenf in https://github.com/reflex-dev/reflex/pull/2436
* Vardata for rx.Match by ElijahAhianyo in https://github.com/reflex-dev/reflex/pull/2439
* fix SmartDisplay visible parameter by benedikt-bartscher in https://github.com/reflex-dev/reflex/pull/2451
* Individually Import Chakra Packages by Alek99 in https://github.com/reflex-dev/reflex/pull/2405
* small changes to texfield and separator by tgberkeley in https://github.com/reflex-dev/reflex/pull/2448
* use multiprocessing to speed up pyi generation by benedikt-bartscher in https://github.com/reflex-dev/reflex/pull/2453
* Chakra IconButton comes from "chakra-ui/button2.1.0" package by masenf in https://github.com/reflex-dev/reflex/pull/2465
* Accordion style merge issue fix by ElijahAhianyo in https://github.com/reflex-dev/reflex/pull/2446
* fixed issue with hypens by wassafshahzad in https://github.com/reflex-dev/reflex/pull/2450
* pyi generator git diff by benedikt-bartscher in https://github.com/reflex-dev/reflex/pull/2460
* [REF-1746] Define `value` prop on base rx.el.textarea by masenf in https://github.com/reflex-dev/reflex/pull/2467
* minor update to callout by tgberkeley in https://github.com/reflex-dev/reflex/pull/2466
* [WIP] rx.color by Alek99 in https://github.com/reflex-dev/reflex/pull/2443
* Revert "Individually Import Chakra Packages (2405)" by picklelo in https://github.com/reflex-dev/reflex/pull/2472
* add separator default width to fill the container by tgberkeley in https://github.com/reflex-dev/reflex/pull/2459
* Remove modal prop from Dialog by martinxu9 in https://github.com/reflex-dev/reflex/pull/2470
* [REF-1763] Rename `color` to `color_scheme` in all radix themes components by masenf in https://github.com/reflex-dev/reflex/pull/2468
* Set correct type when indexing into Var[str] by picklelo in https://github.com/reflex-dev/reflex/pull/2469
* add lucide icons as a candidate for core icon library by Lendemor in https://github.com/reflex-dev/reflex/pull/2444
* Pass down themes for `rx.cond` and `rx.match` by ElijahAhianyo in https://github.com/reflex-dev/reflex/pull/2432
* Use form_root as form high level API by martinxu9 in https://github.com/reflex-dev/reflex/pull/2479
* Update meta parameter to accept a list of any type by kumaraguru1735 in https://github.com/reflex-dev/reflex/pull/2477
* [REF-1632] Apply `rx.App` styles to Radix Themes root `div` by masenf in https://github.com/reflex-dev/reflex/pull/2481
* Radix primitive based Drawer component by martinxu9 in https://github.com/reflex-dev/reflex/pull/2445
* Add git precommit hook that generates pyi files by martinxu9 in https://github.com/reflex-dev/reflex/pull/2447
* Tabs validate parent is proper tab container by tankztz in https://github.com/reflex-dev/reflex/pull/2463
* [REF-1815] Radix themes: replace `color_scheme` with `color` in get_fields by masenf in https://github.com/reflex-dev/reflex/pull/2486
* fix kebab case for lucide icon by Lendemor in https://github.com/reflex-dev/reflex/pull/2487
* fix color of icon to match theme by Lendemor in https://github.com/reflex-dev/reflex/pull/2488
* Fix pyi_generator relative path determination by masenf in https://github.com/reflex-dev/reflex/pull/2485
* add center / spacer / hstack / vstack in radix/themes/layout by Lendemor in https://github.com/reflex-dev/reflex/pull/2331
* simple pytest benchmark for measuring event <=> state update round trip time by jackie-pc in https://github.com/reflex-dev/reflex/pull/2489
* improve sqlalchemy type parsing by benedikt-bartscher in https://github.com/reflex-dev/reflex/pull/2474
* Fix accordion pyi by picklelo in https://github.com/reflex-dev/reflex/pull/2491
* [REF-1738] Remove radix-specific layout/margin props by masenf in https://github.com/reflex-dev/reflex/pull/2442
* [REF-1742] Radio group prop types fix by ElijahAhianyo in https://github.com/reflex-dev/reflex/pull/2452
* Added Environmental variable REFLEX_DIR by wassafshahzad in https://github.com/reflex-dev/reflex/pull/2457
* Minor fix on pyi generator to make it work in Windows by tankztz in https://github.com/reflex-dev/reflex/pull/2494
* Revert "Revert "use process pool to compile faster (2377)" (2434)" by jackie-pc in https://github.com/reflex-dev/reflex/pull/2497
* [0.4.0] Namespace the Drawer primitive subcomponents by masenf in https://github.com/reflex-dev/reflex/pull/2492
* Rework telemetry to support installation_id by jackie-pc in https://github.com/reflex-dev/reflex/pull/2480
* Support component create methods as keys in global styles by picklelo in https://github.com/reflex-dev/reflex/pull/2498
* Add props from Radix tooltip primitives to tooltip component by martinxu9 in https://github.com/reflex-dev/reflex/pull/2499
* [REF-1631] Clean up the rx.radix namespace by masenf in https://github.com/reflex-dev/reflex/pull/2501
* enable CI on reflex-0.4.0 branch by masenf in https://github.com/reflex-dev/reflex/pull/2502
* radix Theme panel_background prop: transparent -> translucent by martinxu9 in https://github.com/reflex-dev/reflex/pull/2504
* Update hosting CLI version in the poetry lock: 0.1.3 -> 0.1.7 by martinxu9 in https://github.com/reflex-dev/reflex/pull/2503
* All event handlers inherit from event triggers by tgberkeley in https://github.com/reflex-dev/reflex/pull/2507
* Move `is_used` to Upload component rather than UploadFilesProvider by masenf in https://github.com/reflex-dev/reflex/pull/2514
* fix appharness regex for functions with return type by benedikt-bartscher in https://github.com/reflex-dev/reflex/pull/2512
* Add comment for theme panel needed for docs by Alek99 in https://github.com/reflex-dev/reflex/pull/2508
* [REF-1839] Reserve top-level __call__ for a future high level API by masenf in https://github.com/reflex-dev/reflex/pull/2518
* fix icon_button to size children lucide icon correctly. by Lendemor in https://github.com/reflex-dev/reflex/pull/2515
* Move core components to radix namespace by picklelo in https://github.com/reflex-dev/reflex/pull/2506
* Refactor rx.color by Alek99 in https://github.com/reflex-dev/reflex/pull/2522
* Add dropdown props inherited from their primitive counterparts by martinxu9 in https://github.com/reflex-dev/reflex/pull/2521
* Top-level namespace tweaks by masenf in https://github.com/reflex-dev/reflex/pull/2523
* inline memoize components in compiled page files, to prevent hot reload errors by jackie-pc in https://github.com/reflex-dev/reflex/pull/2527
* bump to 0.3.10 by masenf in https://github.com/reflex-dev/reflex/pull/2530
* Radix Components Valid children/parents by ElijahAhianyo in https://github.com/reflex-dev/reflex/pull/2495
* Remove focus-visible package by picklelo in https://github.com/reflex-dev/reflex/pull/2535
* remove radix icons by Lendemor in https://github.com/reflex-dev/reflex/pull/2538
* Don't purge web dir if flag is set by picklelo in https://github.com/reflex-dev/reflex/pull/2529
* Map Accordion color schemes to radix colors by ElijahAhianyo in https://github.com/reflex-dev/reflex/pull/2511
* [REF-1743] Implement radix-native color mode switch and button by masenf in https://github.com/reflex-dev/reflex/pull/2526
* Increase debounce timeout to 300ms by picklelo in https://github.com/reflex-dev/reflex/pull/2541
* Support for Shorthand css props. by ElijahAhianyo in https://github.com/reflex-dev/reflex/pull/2547
* update slider so width automatically set and default value automatica… by tgberkeley in https://github.com/reflex-dev/reflex/pull/2542
* ordered & unordered lists by Lendemor in https://github.com/reflex-dev/reflex/pull/2537
* fix EventHandlers and ComputedVars inherited by mixin classes by benedikt-bartscher in https://github.com/reflex-dev/reflex/pull/2534
* state.js: determine upload URL dynamically by masenf in https://github.com/reflex-dev/reflex/pull/2531
* many small changes from going over all props by tgberkeley in https://github.com/reflex-dev/reflex/pull/2532
* Text default as p by Alek99 in https://github.com/reflex-dev/reflex/pull/2551
* CLI script to maintain Chakra backed components in rx namespace in older apps by jackie-pc in https://github.com/reflex-dev/reflex/pull/2322
* Decorator to validate `rx.color` prop fields by ElijahAhianyo in https://github.com/reflex-dev/reflex/pull/2553
* rx.color to work with conditional vars by ElijahAhianyo in https://github.com/reflex-dev/reflex/pull/2546
* Fix missing getEventURL function in connection banner by masenf in https://github.com/reflex-dev/reflex/pull/2557
* (dev mode) start backend without waiting for page compilation by jackie-pc in https://github.com/reflex-dev/reflex/pull/2549
* Use rx.el.img as rx.image by masenf in https://github.com/reflex-dev/reflex/pull/2558
* [REF-1921] Remove HTML attributes that shadow CSS props by masenf in https://github.com/reflex-dev/reflex/pull/2566
* Fix race condition in test_client_storage by masenf in https://github.com/reflex-dev/reflex/pull/2568
* Get `rx.color` working with fstrings by ElijahAhianyo in https://github.com/reflex-dev/reflex/pull/2562
* remove extra props on scroll area by picklelo in https://github.com/reflex-dev/reflex/pull/2581
* Alias form to form.root by martinxu9 in https://github.com/reflex-dev/reflex/pull/2579
* test_call_script: update poll ending condition to avoid race by masenf in https://github.com/reflex-dev/reflex/pull/2583
* Upload Workflow Refactor by masenf in https://github.com/reflex-dev/reflex/pull/2309
* fix match import in iconbutton by Lendemor in https://github.com/reflex-dev/reflex/pull/2552
* Convert templates to use `rx.chakra` where needed by masenf in https://github.com/reflex-dev/reflex/pull/2555
* keep-chakra: whitelist is always whitelist by masenf in https://github.com/reflex-dev/reflex/pull/2585
* banner.py: fix import specification for getBackendURL by masenf in https://github.com/reflex-dev/reflex/pull/2584
* Remove dropdown menu sub content extra props by tgberkeley in https://github.com/reflex-dev/reflex/pull/2582
* Update progress style by picklelo in https://github.com/reflex-dev/reflex/pull/2570
* Vaul Drawer Alias by Alek99 in https://github.com/reflex-dev/reflex/pull/2586
* Fix operator precedence by invrainbow in https://github.com/reflex-dev/reflex/pull/2573
* Fixes to rx.progress by invrainbow in https://github.com/reflex-dev/reflex/pull/2588
* Rename components in top level namespace by picklelo in https://github.com/reflex-dev/reflex/pull/2589
* [REF-1958] Remove shadowed radix css props by masenf in https://github.com/reflex-dev/reflex/pull/2590
* Expose `get_upload_url` and `get_upload_dir` at top level by masenf in https://github.com/reflex-dev/reflex/pull/2587
* [REF-1925]Accordion foreach fix by ElijahAhianyo in https://github.com/reflex-dev/reflex/pull/2598
* print background compile errors ASAP by jackie-pc in https://github.com/reflex-dev/reflex/pull/2596
* sub form.root to form class solely for documentation by martinxu9 in https://github.com/reflex-dev/reflex/pull/2594
* connectionError modal now use Radix only by Lendemor in https://github.com/reflex-dev/reflex/pull/2593
* Update input to use textfield input by picklelo in https://github.com/reflex-dev/reflex/pull/2599
* Revert "Revert "Revert "use process pool to compile faster (2377)" (2434)" (2497)" by jackie-pc in https://github.com/reflex-dev/reflex/pull/2595
* rx.download accepts `data` arg as either str or bytes by tgberkeley in https://github.com/reflex-dev/reflex/pull/2493
* [REF-1840] Clean up `color_scheme` mapping by masenf in https://github.com/reflex-dev/reflex/pull/2602
* Fix AccordionItem interactive docs not showing up by invrainbow in https://github.com/reflex-dev/reflex/pull/2600
* [REF-1919]Valid Children/parents to allow Foreach,Cond,Match and Fragment by ElijahAhianyo in https://github.com/reflex-dev/reflex/pull/2591
* Fix rx.progress to support `max` prop by invrainbow in https://github.com/reflex-dev/reflex/pull/2601
* Fix fstrings being escaped improperly by invrainbow in https://github.com/reflex-dev/reflex/pull/2571
* Fix comments on drawer by Alek99 in https://github.com/reflex-dev/reflex/pull/2604
* update docstrings for Dialog components by Lendemor in https://github.com/reflex-dev/reflex/pull/2608
* add typography/span in radix by Lendemor in https://github.com/reflex-dev/reflex/pull/2607
* Accordion var data Attribute Error Fix by ElijahAhianyo in https://github.com/reflex-dev/reflex/pull/2611
* Apply themes to drawer content by ElijahAhianyo in https://github.com/reflex-dev/reflex/pull/2612
* Inherit _rename_props from parent classes by masenf in https://github.com/reflex-dev/reflex/pull/2613
* Update docstrings for Radix components based on upstream descriptions by masenf in https://github.com/reflex-dev/reflex/pull/2615
* fix value/default_value in accordion by Lendemor in https://github.com/reflex-dev/reflex/pull/2616
* Use align start by default stacks by picklelo in https://github.com/reflex-dev/reflex/pull/2619
* Text `as_` prop literals update by ElijahAhianyo in https://github.com/reflex-dev/reflex/pull/2620
* Unbreak demo app by masenf in https://github.com/reflex-dev/reflex/pull/2623
* Spacing literal should include "0" by martinxu9 in https://github.com/reflex-dev/reflex/pull/2622
* align vstack in blank demo app by timmypidashev in https://github.com/reflex-dev/reflex/pull/2625
* [REF-1902] [REF-1987] Chakra upgrade message by masenf in https://github.com/reflex-dev/reflex/pull/2624
* Simplify app template by picklelo in https://github.com/reflex-dev/reflex/pull/2627
* accordion default classname by Lendemor in https://github.com/reflex-dev/reflex/pull/2628
* set default align stack by Lendemor in https://github.com/reflex-dev/reflex/pull/2626
* Handle component namespaces in global styles by picklelo in https://github.com/reflex-dev/reflex/pull/2630
* rx.theme: Recognize `color_mode` in addition to `appearance` by masenf in https://github.com/reflex-dev/reflex/pull/2635
* Update new readme to match radix api by Alek99 in https://github.com/reflex-dev/reflex/pull/2631
* Use horizontal layout for radio by default by picklelo in https://github.com/reflex-dev/reflex/pull/2637
* Component: translate underscore suffix for props supported by chakra by masenf in https://github.com/reflex-dev/reflex/pull/2636
* Fix more information link to v0.4.0 blog post by masenf in https://github.com/reflex-dev/reflex/pull/2638
* Quick fixes for regressions in 0.4.0 by masenf in https://github.com/reflex-dev/reflex/pull/2639
* [REF-1984]Drawer component styles should only be in css dict by ElijahAhianyo in https://github.com/reflex-dev/reflex/pull/2640
* Reflex 0.4.0 🚀 by masenf in https://github.com/reflex-dev/reflex/pull/2641
* Update deprecation version to 0.5.0 by picklelo in https://github.com/reflex-dev/reflex/pull/2642
* workflows: remove references to now-defunct reflex-0.4.0 branch by masenf in https://github.com/reflex-dev/reflex/pull/2643
* Deprecate get_asset_path by picklelo in https://github.com/reflex-dev/reflex/pull/2644

New Contributors
* Yummy-Yums made their first contribution in https://github.com/reflex-dev/reflex/pull/2431
* kumaraguru1735 made their first contribution in https://github.com/reflex-dev/reflex/pull/2477
* tankztz made their first contribution in https://github.com/reflex-dev/reflex/pull/2463
* invrainbow made their first contribution in https://github.com/reflex-dev/reflex/pull/2573
* timmypidashev made their first contribution in https://github.com/reflex-dev/reflex/pull/2625

**Full Changelog**: https://github.com/reflex-dev/reflex/compare/v0.3.9...v0.4.0

New Features

Lucide Icons (`rx.lucide.icon`)

View all iconds available via `rx.lucide.icon` at https://lucide.dev/icons/.

In 0.4.0, these icons will become the default icon set exposed at `rx.icon`.

* add lucide icons as a candidate for core icon library by Lendemor in https://github.com/reflex-dev/reflex/pull/2444
* fix kebab case for lucide icon by Lendemor in https://github.com/reflex-dev/reflex/pull/2487
* fix color of icon to match theme by Lendemor in https://github.com/reflex-dev/reflex/pull/2488
* fix icon_button to size children lucide icon correctly. by Lendemor in https://github.com/reflex-dev/reflex/pull/2515

Customize Reflex Directory location

Set `REFLEX_DIR` environment variable to control where reflex will download and install supporting
tools like `bun`, `fnm`, and `node`.

* Added Environmental variable REFLEX_DIR by wassafshahzad in https://github.com/reflex-dev/reflex/pull/2457

Improvements

* Tabs validate parent is proper tab container by tankztz in https://github.com/reflex-dev/reflex/pull/2463

Only expose `/_upload` when using Upload component

* auto enable /_upload endpoint only if Upload component is used by benedikt-bartscher in https://github.com/reflex-dev/reflex/pull/2430
* Move `is_used` to Upload component rather than UploadFilesProvider by masenf in https://github.com/reflex-dev/reflex/pull/2514

Better SQLAlchemy Interoperability

* parse return type annotations of sqlalchemy hybrid properties by benedikt-bartscher in https://github.com/reflex-dev/reflex/pull/2422
* improve sqlalchemy type parsing by benedikt-bartscher in https://github.com/reflex-dev/reflex/pull/2474

Faster .pyi Generation (internal)

* use multiprocessing to speed up pyi generation by benedikt-bartscher in https://github.com/reflex-dev/reflex/pull/2453
* pyi generator git diff by benedikt-bartscher in https://github.com/reflex-dev/reflex/pull/2460
* Add git precommit hook that generates pyi files by martinxu9 in https://github.com/reflex-dev/reflex/pull/2447
* Fix pyi_generator relative path determination by masenf in https://github.com/reflex-dev/reflex/pull/2485
* Minor fix on pyi generator to make it work in Windows by tankztz in https://github.com/reflex-dev/reflex/pull/2494

Fast Compilation

Use `multiprocessing` to compile CPU-bound pages faster.

* use process pool to compile faster by jackie-pc in https://github.com/reflex-dev/reflex/pull/2497

Bug Fixes

* Vardata for rx.Match by ElijahAhianyo in https://github.com/reflex-dev/reflex/pull/2439
* fix SmartDisplay visible parameter by benedikt-bartscher in https://github.com/reflex-dev/reflex/pull/2451
* fixed issue with hypens by wassafshahzad in https://github.com/reflex-dev/reflex/pull/2450
* Set correct type when indexing into Var[str] by picklelo in https://github.com/reflex-dev/reflex/pull/2469
* Update meta parameter to accept a list of any type by kumaraguru1735 in https://github.com/reflex-dev/reflex/pull/2477

Radix

The team is currently stabilizing the new radix-ui integration in preparation for our forthcoming 0.4.0
release.

* Clean up Radix Form component by martinxu9 in https://github.com/reflex-dev/reflex/pull/2423
* Input high level api by picklelo in https://github.com/reflex-dev/reflex/pull/2410
* radix link renders as next link by default use by martinxu9 in https://github.com/reflex-dev/reflex/pull/2440
* Docstrings for radix components by masenf in https://github.com/reflex-dev/reflex/pull/2407
* Chakra IconButton comes from "chakra-ui/button2.1.0" package by masenf in https://github.com/reflex-dev/reflex/pull/2465
* small changes to texfield and separator by tgberkeley in https://github.com/reflex-dev/reflex/pull/2448
* Accordion style merge issue fix by ElijahAhianyo in https://github.com/reflex-dev/reflex/pull/2446
* [REF-1746] Define `value` prop on base rx.el.textarea by masenf in https://github.com/reflex-dev/reflex/pull/2467
* minor update to callout by tgberkeley in https://github.com/reflex-dev/reflex/pull/2466
* add separator default width to fill the container by tgberkeley in https://github.com/reflex-dev/reflex/pull/2459
* Remove modal prop from Dialog by martinxu9 in https://github.com/reflex-dev/reflex/pull/2470
* [REF-1763] Rename `color` to `color_scheme` in all radix themes components by masenf in https://github.com/reflex-dev/reflex/pull/2468
* Pass down themes for `rx.cond` and `rx.match` by ElijahAhianyo in https://github.com/reflex-dev/reflex/pull/2432
* Use form_root as form high level API by martinxu9 in https://github.com/reflex-dev/reflex/pull/2479
* [REF-1632] Apply `rx.App` styles to Radix Themes root `div` by masenf in https://github.com/reflex-dev/reflex/pull/2481
* Radix primitive based Drawer component by martinxu9 in https://github.com/reflex-dev/reflex/pull/2445
* [REF-1815] Radix themes: replace `color_scheme` with `color` in get_fields by masenf in https://github.com/reflex-dev/reflex/pull/2486
* [WIP] rx.color by Alek99 in https://github.com/reflex-dev/reflex/pull/2443
* add center / spacer / hstack / vstack in radix/themes/layout by Lendemor in https://github.com/reflex-dev/reflex/pull/2331
* Fix accordion pyi by picklelo in https://github.com/reflex-dev/reflex/pull/2491
* [REF-1738] Remove radix-specific layout/margin props by masenf in https://github.com/reflex-dev/reflex/pull/2442
* [REF-1742] Radio group prop types fix by ElijahAhianyo in https://github.com/reflex-dev/reflex/pull/2452
* Support component create methods as keys in global styles by picklelo in https://github.com/reflex-dev/reflex/pull/2498
* Add props from Radix tooltip primitives to tooltip component by martinxu9 in https://github.com/reflex-dev/reflex/pull/2499
* radix Theme panel_background prop: transparent -> translucent by martinxu9 in https://github.com/reflex-dev/reflex/pull/2504
* All event handlers inherit from event triggers by tgberkeley in https://github.com/reflex-dev/reflex/pull/2507
* Add comment for theme panel needed for docs by Alek99 in https://github.com/reflex-dev/reflex/pull/2508
* Refactor rx.color by Alek99 in https://github.com/reflex-dev/reflex/pull/2522
* Add dropdown props inherited from their primitive counterparts by martinxu9 in https://github.com/reflex-dev/reflex/pull/2521

Other Changes

* extend state inheritance tests with non-computed vars by benedikt-bartscher in https://github.com/reflex-dev/reflex/pull/2425
* test_telemetry fails for Python Version 3.11.0rc1 by Yummy-Yums in https://github.com/reflex-dev/reflex/pull/2431
* [REF-1692] re-enable partial reflex web windows by masenf in https://github.com/reflex-dev/reflex/pull/2436
* simple pytest benchmark for measuring event <=> state update round trip time by jackie-pc in https://github.com/reflex-dev/reflex/pull/2489
* Rework telemetry to support installation_id by jackie-pc in https://github.com/reflex-dev/reflex/pull/2480
* Update hosting CLI version in the poetry lock: 0.1.3 -> 0.1.7 by martinxu9 in https://github.com/reflex-dev/reflex/pull/2503
* fix appharness regex for functions with return type by benedikt-bartscher in https://github.com/reflex-dev/reflex/pull/2512

New Contributors
* Yummy-Yums made their first contribution in https://github.com/reflex-dev/reflex/pull/2431
* kumaraguru1735 made their first contribution in https://github.com/reflex-dev/reflex/pull/2477
* tankztz made their first contribution in https://github.com/reflex-dev/reflex/pull/2463

**Full Changelog**: https://github.com/reflex-dev/reflex/compare/v0.3.9...v0.3.10

New Features

Mixin Classes can now be used to augment State subclasses

- inherit computed vars from state mixins by benedikt-bartscher in https://github.com/reflex-dev/reflex/pull/2351

Improvements

- Import radix as rx.radix by picklelo in https://github.com/reflex-dev/reflex/pull/2374
- Pin version for data editor deps by ElijahAhianyo in https://github.com/reflex-dev/reflex/pull/2383
- Skip frontend packages install if previously done by jackie-pc in https://github.com/reflex-dev/reflex/pull/2400

Bug fixes

- Resolve correct python path on windows by ElijahAhianyo in https://github.com/reflex-dev/reflex/pull/2373
- fix is_backend_variable for dunder prefixed variables by benedikt-bartscher in https://github.com/reflex-dev/reflex/pull/2391
- [REF-1705] Do not overwrite Var attributes during format by masenf in https://github.com/reflex-dev/reflex/pull/2421

Radix UI Preview

- update radix components by tgberkeley in https://github.com/reflex-dev/reflex/pull/2380
- Clean up Radix Avatar components props by martinxu9 in https://github.com/reflex-dev/reflex/pull/2375
- aspectratio: fix docstring and extra literal def by masenf in https://github.com/reflex-dev/reflex/pull/2379
- Fix docstrings and comments for Box and Card components by masenf in https://github.com/reflex-dev/reflex/pull/2385
- Correct Radix Themes Slider props by masenf in https://github.com/reflex-dev/reflex/pull/2386
- Inset: fix comment by masenf in https://github.com/reflex-dev/reflex/pull/2389
- Overlay Components Improvements by Alek99 in https://github.com/reflex-dev/reflex/pull/2395
- Accordion by Alek99 in https://github.com/reflex-dev/reflex/pull/2310
- Remove default radix theme by picklelo in https://github.com/reflex-dev/reflex/pull/2403
- high level api for checkbox by tgberkeley in https://github.com/reflex-dev/reflex/pull/2406
- create high level api for select component by tgberkeley in https://github.com/reflex-dev/reflex/pull/2402
- radiogroup high level api by tgberkeley in https://github.com/reflex-dev/reflex/pull/2401
- update to allow items to be autogenerated for docs by tgberkeley in https://github.com/reflex-dev/reflex/pull/2419
- Radix callout high level api by picklelo in https://github.com/reflex-dev/reflex/pull/2409

Other Changes

- Update comments in template apps by masenf in https://github.com/reflex-dev/reflex/pull/2370
- Get rid of compile in readme by Alek99 in https://github.com/reflex-dev/reflex/pull/2371
- integration tests: disable windows builds for reflex-web by masenf in https://github.com/reflex-dev/reflex/pull/2417
- Allow app harness tests to import State subclasses by masenf in https://github.com/reflex-dev/reflex/pull/2408

**Full Changelog**: https://github.com/reflex-dev/reflex/compare/v0.3.8...v0.3.9