title: React - Select very slow for loads of data from API
body: <p>I have a react-select widget for items to be searched with. Currently, i return a list of 15,000 items into the react-select for users to search within. Unfortunately, the react-select becomes extremely slow and lags when user starts to type or scroll through the select. </p>
  
  <p>I tried using localStorage however, the issue still persist</p>
  
  <p>Is this a bug with the react-select widget or there is any advanced way of handling this issue please?   </p>
  
  <p>PS: Beginner with react </p>
  
  <p><strong>Component</strong></p>
  
  <pre><code> state = {
           productData:[],
           searchable:true
        };
  
      fetchAll(){
              return this.fetchPost().then(([response,json]) =&gt; {
                 console.log(response);
                 if(response.status === 200)
                 {
                    this.setState({
                       itemData: json.data.items
                    })         
                 }
              })
           }               
           fetchPost(){
              const URL = 'http://domain/api/';
              return fetch(URL, {method:'GET',headers:new Headers ({
                 'Accept': 'application/json',
                 'Content-Type': 'application/json',
                    })})
              .then(response =&gt; Promise.all([response, response.json()]));
           }
  
  
  
            render(
            let options = this.state.productData.map(function (product)
            {
            return {value: product.name, label: product.name};
            })
                return{ 
                  &lt;Select style={select}
                                    value = {this.state.value}
                                    onChange = {this.handleChange}
                                    clearable = {this.state.clearable}
                                    searchable = {this.state.searchable}
                                    labelKey = 'name'
                                    valueKey = 'name'
                                    options={options}
                                  /&gt;  
  
      })
  </code></pre>