Ich sitze gerade an einem Projekt, bei dem ich eine Art Live-Vorschau für Formulareingaben implementieren soll. Eigentlich dachte ich, das wäre mit ein paar Event-Listenern schnell erledigt, aber jetzt stecke ich fest. Mein Problem ist, dass bei jeder Tastatureingabe die gesamte Komponente neu gerendert wird, was bei komplexeren Validierungen oder Abhängigkeiten zwischen Feldern richtig ruckelt. Ich frage mich, ob ich vielleicht den falschen Ansatz gewählt habe und ob es eine Möglichkeit gibt, diese Aktualisierungen effizienter zu gestalten, ohne die Benutzererfahrung zu beeinträchtigen.
Vielleicht rennt deine Komponente bei jedem Tastendruck zu stark an dann ist Debounce sinnvoll damit LiveVorschau nur in Abständen aktualisiert wird und nicht alles neu baut
Ich habe das Gefühl der Bildschirm zappelt und die UX leidet doch vielleicht ist das nur Frust im Moment
Du setzt vermutlich auf eine reaktive State Logik und triggert jede Feldänderung die Validierung statt nur das veränderte Feld zu prüfen
Wäre es nicht sinnvoll nur das geänderte Feld neu zu validieren statt die ganze Komponente neu zu rendern
Vielleicht muss man das Konzept LiveVorschau neu rahmen und zustandsgetrennte Module verwenden damit Veränderungen nicht die komplette Ansicht verschieben