{"action":"created","issue":{"url":"https://api.github.com/repos/formsy/formsy-react/issues/88","repository_url":"https://api.github.com/repos/formsy/formsy-react","labels_url":"https://api.github.com/repos/formsy/formsy-react/issues/88/labels{/name}","comments_url":"https://api.github.com/repos/formsy/formsy-react/issues/88/comments","events_url":"https://api.github.com/repos/formsy/formsy-react/issues/88/events","html_url":"https://github.com/formsy/formsy-react/issues/88","id":315169955,"number":88,"title":"Formsy Slow on Big Form","user":{"login":"ionutt","id":13276052,"avatar_url":"https://avatars2.githubusercontent.com/u/13276052?v=4","gravatar_id":"","url":"https://api.github.com/users/ionutt","html_url":"https://github.com/ionutt","followers_url":"https://api.github.com/users/ionutt/followers","following_url":"https://api.github.com/users/ionutt/following{/other_user}","gists_url":"https://api.github.com/users/ionutt/gists{/gist_id}","starred_url":"https://api.github.com/users/ionutt/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ionutt/subscriptions","organizations_url":"https://api.github.com/users/ionutt/orgs","repos_url":"https://api.github.com/users/ionutt/repos","events_url":"https://api.github.com/users/ionutt/events{/privacy}","received_events_url":"https://api.github.com/users/ionutt/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2018-04-17T18:02:35Z","updated_at":"2018-04-17T18:13:07Z","closed_at":null,"author_association":"NONE","body":"Hello,\r\n    \r\n  I encounter an problem when using Fomsy with a lot of fields ( over 50 with dropdowns, inputs, date ). It runs realy slow. More than that when I am changing a input realy fast the browser is freezing. \r\n  Is this a know issue of this library?\r\n\r\nThanks"},"comment":{"url":"https://api.github.com/repos/formsy/formsy-react/issues/comments/382090198","html_url":"https://github.com/formsy/formsy-react/issues/88#issuecomment-382090198","issue_url":"https://api.github.com/repos/formsy/formsy-react/issues/88","id":382090198,"user":{"login":"MilosRasic","id":533052,"avatar_url":"https://avatars2.githubusercontent.com/u/533052?v=4","gravatar_id":"","url":"https://api.github.com/users/MilosRasic","html_url":"https://github.com/MilosRasic","followers_url":"https://api.github.com/users/MilosRasic/followers","following_url":"https://api.github.com/users/MilosRasic/following{/other_user}","gists_url":"https://api.github.com/users/MilosRasic/gists{/gist_id}","starred_url":"https://api.github.com/users/MilosRasic/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/MilosRasic/subscriptions","organizations_url":"https://api.github.com/users/MilosRasic/orgs","repos_url":"https://api.github.com/users/MilosRasic/repos","events_url":"https://api.github.com/users/MilosRasic/events{/privacy}","received_events_url":"https://api.github.com/users/MilosRasic/received_events","type":"User","site_admin":false},"created_at":"2018-04-17T18:13:07Z","updated_at":"2018-04-17T18:13:07Z","author_association":"CONTRIBUTOR","body":"Can't be 100% sure without an example, but it's probably both: a problem with optimization of the components caused by how formsy works. Because it supports validations that depend on values of any other field in the form, formsy will rerender all the fields when one of them changes. If even one of the fields does some demanding processing every time it rerenders, it will affect the performance of the whole form.\r\n\r\nThe issue I've had was severely unoptimized dropdown component processing it's available options with a .map() even though none of its props changes. This would cause the text inputs in the same form to lag while the user is typing.\r\n\r\nIf it's in any way possible, I'd comment out the complex components one by one and check the form without them to see which one is causing the issue.\r\n\r\nAnother way to work around the issue would be to debounce on change on your text fields and textareas.\r\n\r\nOn the library side, we could look into some optimizations of the HOC so that it doesn't update the wrapped component if nothing changed. I'm not sure how reliably we can tell if any of the field's validations depend on other fields in the form though."}}
{"actor":{"display_login":"MilosRasic"}}