v0.7.0 Pre-release thread

[masenf]

Please report any problems you encounter in this discussion thread or as separate issues on reflex-dev/reflex.

pip install 'reflex~=0.7.0a'

This release includes breaking changes and removal of deprecated features

Schedule

2025-02-03 13:00 PST: 0.7.0a1 pre-release published for testing
2025-02-05 12:15 PST: 0.7.0a2 published
2025-02-05 16:20 PST: 0.7.0a3 published
2025-02-06: Planned Public release of 0.7.0

Release Notes

Changes in 0.7.0a3

• 080d0c0 make computed var generic over mapping (make computed var generic over mapping #4762)
• ead2796 Resolve custom component version dynamically (Resolve custom component version dynamically #4759)

Changes in 0.7.0a2

• 310334c remove base_state from event types (remove base_state from event types #4740)
• 2832a3c Update disabled backend component (Update disabled backend component #4747)
• 35954f7 throw error if computed var has args (throw error if computed var has args #4753)
• 810ead8 move id to trigger instead of root (move id to trigger instead of root #4752)
• 7b72e3a don't memoize tooltip or skeleton children (don't memoize tooltip children #4744)
• 3778d77 [ENG-4570] Fix rx.foreach over dict ([ENG-4570] Fix rx.foreach over dict #4743)
• 076b998 Allow template with unspecified demo_url (Allow template with unspecified demo_url #4741)
• b6ca991 fix bun message (fix bun message #4739)

Breaking Changes

Python 3.9 support is no longer supported.

Computed Vars are now cache=True by default

Explicitly set cache=False on Computed Vars that should be updated after every
event, which was the previous default behavior.

The dependency tracking analysis for Computed Vars has been improved to support
async Computed Vars, so there is a possibility for unanticipated behavior change
around tracking dependencies. Please report any bugs encountered in this area.

• computed var default to cache=True by @Lendemor in computed var default to cache=True #4194

Previously "CallableVar" shims need to be explicitly called

• rx.upload_file -> rx.upload_file()
• rx.selected_files -> rx.selected_files()
• rx.clear_selected_files -> rx.clear_selected_files()
• rx.set_color_mode -> rx.set_color_mode()

Deprecation Removals

• removing deprecated features for 0.7.0 and removing py3.9 support by @Lendemor in removing deprecated features for 0.7.0 and removing py3.9 support #4586

rx.App fields for internal use now have a _ prefix

• rename private fields with leading underscore in App by @Lendemor in rename private fields with leading underscore in App #4642

New Features

reflex rename

A new command to rename an app.

• [ENG-1796]reflex rename- B by @ElijahAhianyo in [ENG-1796]reflex rename- B #4668

rx.var now supports async functions

An rx.var computed var can now wrap an async function, which can access
arbitrary state via get_state and var values via get_var_value.

Dependency tracking across states is supported, but there may be edge cases in
the new implementation that prevent depedencies from being automatically
identified. You can pass explicit dependencies to the deps argument, and can
add dependencies at runtime via cls.computed_vars[var_name].add_dependency.
For best results, pass a globally imported state class to get_state and assign
the return value to a local variable in the function.

• [ENG-4326] Async ComputedVar by @masenf in [ENG-4326] Async ComputedVar #4711

"Built with Reflex" badge

To raise awareness of Reflex, a sticky "Built with Reflex" badge is added to the
lower right corner of each page.

For subscribers of Reflex Cloud, this badge can be disabled by setting
show_built_with_reflex=False in rxconfig.py or SHOW_BUILT_WITH_REFLEX=0 in
the environment.

For more information see: https://reflex.dev/docs/hosting/reflex-branding/

• Add a sticky Built with Reflex badge by @Lendemor in Add a sticky Built with Reflex badge #4584

Improvements

Support For Dynamic Icon name

Previously the recommendation was to use rx.match to map icons, because the
icon name itself could not be a Var.

With rx.dynamic_icon, the name can now be a Var, but performance may be
affected by dynamic loading.

• allow dynamic icons name by @Lendemor in allow dynamic icons name #4636

Support for Specifying Custom App Module

A new config knob is added to rxconfig.py, to load the app from a module other than the default.

config = rx.Config(
    app_name="my_app",
    app_module_import="some_package.my_actual_app_module",
)

The app module should be importable by name with the current PYTHONPATH / sys.path, and contain an app attribute.

• [ENG-4134]Allow specifying custom app module in rxconfig by @ElijahAhianyo in [ENG-4134]Allow specifying custom app module in rxconfig #4556

Display Warning for Frontend/Backend Version Mismatch

When the frontend and backend versions do not match, a warning is displayed in the console.

• check frontend version on connect by @adhami3310 in check frontend version on connect #4611
• return websocket protocol when asked by @adhami3310 in return websocket protocol when asked #4683
• fix subprotocol for granian by @adhami3310 in fix subprotocol for granian #4698

Typing

• improve type support for .get_state by @adhami3310 in improve type support for .get_state #4623
• cast return_expr to Var all the time by @adhami3310 in cast return_expr to Var all the time #4649
• make object var handle all mapping instead of just dict by @adhami3310 in make object var handle all mapping instead of just dict #4602
• add more type annotations through the code by @Lendemor in add more type annotations through the code #4401
• improve var create typing by @adhami3310 in improve var create typing #4701
• improve var base typing by @adhami3310 in improve var base typing #4718
• improve rx.Field ObjectVar typing for sqlalchemy and dataclasses by @benedikt-bartscher in improve rx.Field ObjectVar typing for sqlalchemy and dataclasses #4728

Recharts

• [ENG-4406] cell component wrapper by @LineIndent in [ENG-4406] cell component wrapper #4670
• Fix recharts min width/height by @adhami3310 in Fix recharts min width/height #4672
• pie chart type annotation fix by @LineIndent in pie chart type annotation fix #4681

Avoid Leaked Websocket connections

• disable react strict mode for event loop by @adhami3310 in disable react strict mode for event loop #4720

Miscellaneous

• make that one line better by @adhami3310 in make that one line better #4610
• EventChain.create accepts arbitrary kwargs by @masenf in EventChain.create accepts arbitrary kwargs #4609
• Skip saving page components when skipping compile output by @masenf in Skip saving page components when skipping compile output #4653
• Allow deploy with project name and app id by @ElijahAhianyo in Allow deploy with project name and app id #4550
• Remove token check in reflex deploy by @ElijahAhianyo in Remove token check in reflex deploy #4640
• [ENG-4444] move states out of .web by @adhami3310 in [ENG-4444] move states out of .web #4689
• improve error message for failed compile_state by @adhami3310 in improve error message for failed compile_state #4702
• assert that .render returns jsonable values by @adhami3310 in assert that .render returns jsonable values #4708
• fix tag render to be recursive by @adhami3310 in fix tag render to be recursive #4714
• Handle python range passed to rx.Var.create by @masenf in Handle python range passed to rx.Var.create #4716
• var_data fixes with hooks values by @adhami3310 in var_data fixes with hooks values #4717
• implement a global var cache by @adhami3310 in implement a global var cache #4691
• add evaluate time to the progress counter by @adhami3310 in add evaluate time to the progress counter #4722
• better computed var static deps by @benedikt-bartscher in better computed var static deps #4729

Bug Fixes

• [ENG-4351] Add mapping for lucide icons by @masenf in [ENG-4351] Add mapping for lucide icons #4622
• small fix for color_mode_button by @Lendemor in small fix for color_mode_button #4634
• [ENG-4383] Handle special float values on frontend by @masenf in [ENG-4383] Handle special float values on frontend #4638
• put import at the top of dynamic component evaluation by @adhami3310 in put import at the top of dynamic component evaluation #4632
• fix boolean to boolen comparisons by @adhami3310 in fix boolean to boolen comparisons #4620
• don't need node when --backend_only is used by @Lendemor in don't need node when --backend_only is used #4641
• check for dict passed as children for component by @Lendemor in check for dict passed as children for component #4656
• attempt to fix usage when volta is installing node by @Lendemor in attempt to fix usage when volta is installing node #4664
• reflex export environment should default to prod by @adhami3310 in reflex export environment should default to prod #4673
• refactor client state to restore prior API by @adhami3310 in refactor client state to restore prior API #4674
• Fix setting default color mode in dev mode by @masenf in Fix setting default color mode in dev mode #4616
• fix stuff with bun_path by @Lendemor in fix stuff with bun_path #4688
• import vars are not sortable by @adhami3310 in import vars are not sortable #4700
• merging two style instance should give a style instance by @Lendemor in merging two style instance should give a style instance #4706
  • followup for merge style by @Lendemor in followup for merge style #4721
• fix padding style in textarea by @Lendemor in fix padding style in textarea #4696
• only allow item inside root by @Lendemor in only allow item inside root #4697
• allow functools partial with foreach by @adhami3310 in allow functools partial with foreach #4709
• make all triggers disable recurisve memoization by @adhami3310 in make all triggers disable recurisve memoization #4719
• include dynamic imports for custom components by @adhami3310 in include dynamic imports for custom components #4725
• fix: allow replacing of _var_type in ComputedVar by @benedikt-bartscher in fix: allow replacing of _var_type in ComputedVar #4730

Version Bumps

• bump nextJS to v15 by @Lendemor in bump nextJS to v15 #4630
• Bump frontend and backend deps by @masenf in Bump frontend and backend deps #4667
• update bun to 1.2.0 by @adhami3310 in update bun to 1.2.0 #4678

Linting / Code Quality

• add some of the TRY rules by @Lendemor in add some of the TRY rules #4651
• add defensive checks against data being funny by @adhami3310 in add defensive checks against data being funny #4633
• enable N rules for naming conventions by @Lendemor in enable N rules for naming conventions #4666
• fix version in pyproject and ruff version check by @Lendemor in fix version in pyproject and ruff version check #4690
• enable PGH, bump pyright and fix all #type: ignore by @Lendemor in enable PGH, bump pyright and fix all #type: ignore #4699
• bump ruff version to 0.9.3 by @Lendemor in bump ruff version to 0.9.3 #4705

Other Changes

• pyproject.toml: bump to 0.7.0dev1 for further development by @masenf in pyproject.toml: bump to 0.7.0dev1 for further development #4604
• Show file and line number in deprecation warnings by @masenf in Show file and line number in deprecation warnings #4631
• retry failed tests by @adhami3310 in retry failed tests #4675
• remove integration screenshots by @adhami3310 in remove integration screenshots #4677
• Do not track compile in posthog metrics by @masenf in Do not track compile in posthog metrics #4669
• attempt to upgrade windows latest python version by @adhami3310 in attempt to upgrade windows latest python version #4679
  • use older version of python for windows simple benchmarks by @adhami3310 in use older version of python for windows simple benchmarks #4680
• add codspeed by @adhami3310 in add codspeed #4707
• add backend disabled dialog by @adhami3310 in add backend disabled dialog #4715
• Remove upper pin by @Alek99 in Remove upper pin #4684
• fix optional wrapping of static call methods in pyi by @adhami3310 in fix optional wrapping of static call methods in pyi #4727

New Contributors

• @LineIndent made their first contribution in [ENG-4406] cell component wrapper #4670

Full Changelog: v0.6.8...release/reflex-0.7.0

[bertbarabas]

So far, my app runs great on this new release. All I had to do was add a couple of missing types which was easy now that they are clearly identified.

You may want to consider removing the preamble (basically the full stack that winds its way through reflex core stuff), but at least the the important info that identifies the missing types is in the last few lines if you look carefully. To see what I mean just check out the stack I attached and notice that this:

File "C:\Projects\MyReflexAppNL\my_reflex_app\file_state.py", line 468, in FileState
    @rx.var
     ^^^^^^

is a little difficut to see and it's not right beside:

reflex.utils.exceptions.UntypedComputedVarError: Computed var 'file_is_selected' must have a type annotation.

Ideally those should be the only things shown and all the other stuff would be suppressed.

missing type error.txt

[akincan-kilic]

I cannot get past the FileNotFoundError: [Errno 2] No such file or directory: '/home/akin/.local/share/reflex/bun/bin/bun' error. I've had this same error come up before on 0.6.8 release, and fixed it by adding bun_path="/home/akin/.bun/bin/bun" to my rxconfig.py, however on this version the custom path I specify on rxconfig seems to be ignored. Bun is on my path and which bun results in the same path. I cannot test this version due to this error. Rolling back to 0.6.8 has fixed it.