final-form / final-form/react-final-form-arrays

Significant performance degradation when using react-final-form-arrays

Open
#22 7 comments 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
210
Forks
69
PR merge metrics
No merged PRs in 30d

Description

I have a lot of forms in expansion panel and all of them have arrays in them. I am seeing significant performance impact . On further investigation looks like Chrome performance timeline tool is pointing towards ```react-final-form-arrays.es.js:289``` which is significantly slowing down user experience . From the time user clicks and the changes show up on screen is a lot.

@erikras Do you have any thoughts on how I can improve the experience.

Contributor guide

Open the contributing guide

Research direction

Reproduce the slowdown with multiple forms in expansion panels, each containing arrays, then record the interaction in Chrome's performance timeline. Inspect react-final-form-arrays.es.js:289 and compare the delay between a click, the array change, and the updated display. Done means the reported interaction lag is reduced and the affected scenario remains functional.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend, performance
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.