very slow?

[chuchengcao]

my page contains 30 forms, each form contains 10 TextFields and 5 FlatButtons, setState(cause render) will cost 10 seconds

[jkruder]

@chuchengcao Are your forms all inside the same component?

export default class extends React.Component {
  render() {
    return (
      <form id="form1">
        <TextField ... />
        <TextField ... />
        ...
      </form>
      <form id="form2">
        <TextField ... />
        <TextField ... />
        ...
      </form>
      ...
    );
  }
}

[chrismcv]

This is probably related to #1040

[chuchengcao]

@jkruder Yes. Actually it is like this :

class Form extends React.Component{
 render() {
    return (
      <form>
        <TextField ... />
        <TextField ... />
        <DatePicker ... />
        ...
      </form>
}

class XXForms extends React.Component {
  render() {
    return (
      <div>
        <Form ... />
        <Form ... />
        <Form .../>
        ...
      </div>
    );
  }
}

when I profiling it, i found that "DatePicker" cost about 70% cpu time. And when I use another DatePicker which is not from material-ui, render time reduce to 3s.

[oliviertassinari]

Witch version of material-ui are you using ?
In the 0.10 I fixed the datepicker performances problem #1059. Can you confirm this with the new release ?

[chuchengcao]

@oliviertassinari ,
Thank you for replay. My version is 0.9.1, I think it is the same problem. I will confirm it.

[chuchengcao]

@oliviertassinari I confirmed that performance problem is solved in 0.10.0. :)

[oliviertassinari]

Perfect 😃

[oliviertassinari]

Can you close the issue then?