DevExpress / devextreme-reactive

Business React components for Bootstrap and Material-UI

Home Page:https://devexpress.github.io/devextreme-reactive/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

How to prevent Appointment form to update Redux store at every typed character

GRawhideMart opened this issue · comments

  • I have searched this repository's issues and believe that this is not a duplicate.

I'm using ...

  • React Grid
  • React Chart
  • React Scheduler

Description

Hello everyone and thank you, first and foremost, for this amazing framework.
I am running into an issue which I'm having a hard time figuring out how to solve: Redux interaction. I setup a Redux store (I know there's Redux toolkit now, that is something on the roadmap and currently not the issue), because data is a lot and I need each component to subscribe only to the parts of state it actually needs.
However, I'm running into the following issue:
Form example

When I type anything inside the text areas, it is INCREDIBLY slow. I believe the problem is that it tries to update the store at each key press, which is of course not what I want: what I want is to update the store only when the save button is pressed. However, I am not quite understanding how to access those inputs to modify their behavior.
Can someone help me? I am not sure that this is actually the problem, so even pointing me in the right direction would be HUGELY appreciated.

Here is a Sandbox to the whole project

Environment

  • devextreme-reactive: ^2.7.6
  • react: 17.0.2
  • browser: Firefox/Chrome
  • bootstrap: none
  • react-bootstrap: none
  • material-ui: 4.12.3
  • redux: 4.1.1

Thank you for using Devextreme Reactive. We use GitHub issues to track bug and feature requests. We process incoming issues as soon as possible. Issues that have been inactive for 30 days are closed. If you have an active DevExtreme license, you can contact us in our Support Center for updates. Otherwise, post your question on StackOverflow.