Сделайте свои приложения React более эффективными за десять минут с помощью React-RPM

Сделайте свои приложения React более эффективными за десять минут с помощью React-RPM

Я являюсь одним из ведущих разработчиков программного обеспечения React-RPM, Chrome DevTool, который измеряет и визуализирует данные о производительности в режиме реального времени, когда вы взаимодействуете с приложением. С его выпуском в магазине Chrome ранее на этой неделе я собрал краткое обучающее видео, в котором рассматриваются основы использования этого DevTool для выявления неэффективности в вашем приложении, а также шаги, которые вы можете предпринять для их устранения.

Чтобы ознакомиться с функциями, посмотрите это видео или Страница Github.

Загрузить React-RPM в магазине Chrome

В этом уроке я расскажу:

• Как связать React-RPM с вашим проектом с помощью модуля Node
• Как использовать RPM для измерения потерянного времени и точно понимать, что это значит и как это влияет на производительность.
• Как исключить ненужные повторные рендеры, включив в исходный код функции shouldComponentUpdate() и/или PureComponent.

Если у вас есть какие-либо конкретные вопросы или проблемы, пожалуйста, не стесняйтесь обращаться ко мне напрямую по адресу [email protected].