React: “Оптимизация производительности React Оптимизация производительности пр…”

Оптимизация производительности React

Оптимизация производительности приложений крайне важна для разработчиков, заботящихся о сохранении приятного пользовательского опыта, чтобы удержать пользователей. Согласно исследованиям Akamai, разработчики должны создавать приложения, оптимизированные по скорости: каждая дополнительная секунда времени загрузки может привести к снижению конверсии на 7%. В этой статье мы рассмотрим методы и объясним, почему эти процессы оптимизации важны и когда их следует использовать.

import { List } from 'immutable';
Class MyComponent extends React.Component {
  state = {
    items: List([1, 2, 3])
  }

  handleAddItem = () => {

    this.setState(prevState => ({
      items: prevState.items.push(4)
    }));
  }

  render() {
    return (
      <div>
        <button onClick={this.handleAddItem}>Add Item</button>
         <ul>
           {this.state.items.map(item => (
             <li key={item}>{item}</li>
           ))}
         </ul>
      </div>
    );
  }
}

https://blog.openreplay.com/optimizing-reacts-performance/

✍️ @React_lib