{"action":"created","issue":{"url":"https://api.github.com/repos/facebook/react/issues/5846","labels_url":"https://api.github.com/repos/facebook/react/issues/5846/labels{/name}","comments_url":"https://api.github.com/repos/facebook/react/issues/5846/comments","events_url":"https://api.github.com/repos/facebook/react/issues/5846/events","html_url":"https://github.com/facebook/react/issues/5846","id":126481056,"number":5846,"title":"Enormous data-reactid","user":{"login":"polkovnikov-ph","id":2983969,"avatar_url":"https://avatars.githubusercontent.com/u/2983969?v=3","gravatar_id":"","url":"https://api.github.com/users/polkovnikov-ph","html_url":"https://github.com/polkovnikov-ph","followers_url":"https://api.github.com/users/polkovnikov-ph/followers","following_url":"https://api.github.com/users/polkovnikov-ph/following{/other_user}","gists_url":"https://api.github.com/users/polkovnikov-ph/gists{/gist_id}","starred_url":"https://api.github.com/users/polkovnikov-ph/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/polkovnikov-ph/subscriptions","organizations_url":"https://api.github.com/users/polkovnikov-ph/orgs","repos_url":"https://api.github.com/users/polkovnikov-ph/repos","events_url":"https://api.github.com/users/polkovnikov-ph/events{/privacy}","received_events_url":"https://api.github.com/users/polkovnikov-ph/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":1,"created_at":"2016-01-13T18:20:57Z","updated_at":"2016-01-13T18:23:47Z","closed_at":"2016-01-13T18:23:47Z","body":"I'm developing a big GUI application. Chrome Developer Tools are lagging because of `data-reactid`s reaching a hundred kilobytes in size. Here's a (small) example:\r\n\r\n     .0.$=1$=011.0.$=1$=01$0.0.0.$///=11//=1$//=011/=1$//=011/=01$/=0011.0.$//////=10/////=1$/////=010////=1$/////=010////=01$////=0010///=1$/////=010////=01$////=0010///=01$////=0010///=001$///=00010//=1$/////=010////=01$////=0010///=01$////=0010///=001$///=00010//=01$////=0010///=001$///=00010//=001$///=00010//=0001$//=000010/=1$/////=010////=01$////=0010///=01$////=0010///=001$///=00010//=01$////=0010///=001$///=00010//=001$///=00010//=0001$//=000010/=01$////=0010///=001$///=00010//=001$///=00010//=0001$//=000010/=001$///=00010//=0001$//=000010/=0001$//=000010/=00001$/=0000010.$///////=11//////=1$//////=011/////=1$//////=011/////=01$/////=0011////=1$//////=011/////=01$/////=0011////=01$/////=0011////=001$////=00011///=1$//////=011/////=01$/////=0011////=01$/////=0011////=001$////=00011///=01$/////=0011////=001$////=00011///=001$////=00011///=0001$///=000011//=1$//////=011/////=01$/////=0011////=01$/////=0011////=001$////=00011///=01$/////=0011////=001$////=00011///=001$////=00011///=0001$///=000011//=01$/////=0011////=001$////=00011///=001$////=00011///=0001$///=000011//=001$////=00011///=0001$///=000011//=0001$///=000011//=00001$//=0000011/=1$//////=011/////=01$/////=0011////=01$/////=0011////=001$////=00011///=01$/////=0011////=001$////=00011///=001$////=00011///=0001$///=000011//=01$/////=0011////=001$////=00011///=001$////=00011///=0001$///=000011//=001$////=00011///=0001$///=000011//=0001$///=000011//=00001$//=0000011/=01$/////=0011////=001$////=00011///=001$////=00011///=0001$///=000011//=001$////=00011///=0001$///=000011//=0001$///=000011//=00001$//=0000011/=001$////=00011///=0001$///=000011//=0001$///=000011//=00001$//=0000011/=0001$///=000011//=00001$//=0000011/=00001$//=0000011/=000001$/=00000011.0.0.$=1$=01$=001$=00012.0.0.$10/=1$10.$/=11\r\n\r\nWhat do I do wrong? How `data-reactid` is computed (roughly)? Could you create a paragraph somewhere in the performance manual on this issue?"},"comment":{"url":"https://api.github.com/repos/facebook/react/issues/comments/171387636","html_url":"https://github.com/facebook/react/issues/5846#issuecomment-171387636","issue_url":"https://api.github.com/repos/facebook/react/issues/5846","id":171387636,"user":{"login":"jimfb","id":9595985,"avatar_url":"https://avatars.githubusercontent.com/u/9595985?v=3","gravatar_id":"","url":"https://api.github.com/users/jimfb","html_url":"https://github.com/jimfb","followers_url":"https://api.github.com/users/jimfb/followers","following_url":"https://api.github.com/users/jimfb/following{/other_user}","gists_url":"https://api.github.com/users/jimfb/gists{/gist_id}","starred_url":"https://api.github.com/users/jimfb/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jimfb/subscriptions","organizations_url":"https://api.github.com/users/jimfb/orgs","repos_url":"https://api.github.com/users/jimfb/repos","events_url":"https://api.github.com/users/jimfb/events{/privacy}","received_events_url":"https://api.github.com/users/jimfb/received_events","type":"User","site_admin":false},"created_at":"2016-01-13T18:23:45Z","updated_at":"2016-01-13T18:23:45Z","body":"You probably have really long `key` prop specified on one of your elements.  If you are passing data in as your key, you can probably hash the data before passing it in (which will limit the length, and ensure the value is alphanumeric).\r\n\r\nThis has been fixed in React 0.15 (master)."}}