Всем привет! Хочу поделиться своим переводом статьи React is Slow, React is Fast: Optimizing React Apps in Practice автора François Zaninotto. Надеюсь, это кому-то будет полезным. Краткое содержание: Измерение производительности React Почему ты обновился? Оптимизация через разбиение на компоненты shouldComponentUpdate Recompose…
Продолжение серии переводов раздела "Продвинутые руководства" (Advanced Guides) официальной документации библиотеки React.js. Оптимизация производительности в React Внутренне, React использует несколько продвинутых техник, сводящих к минимуму количество дорогостоящих операций DOM,…
Сегодня поговорим об измерении производительности рендеринга React-компонентов с использованием API React Profiler. Ещё мы будем оценивать взаимодействия с компонентом, применяя новый экспериментальный API Interaction Tracing. Кроме того, мы воспользуемся API User Timing для проведения собственных измерений. В качестве площадки для экспериментов воспользуемся приложением React Movies Queue. Приложение React Movies Queue Читать дальше →
Для начала надо установить компонент react-validation-boo, предполагаю что с react вы знакомы и как настроить знаете. npm install react-validation-boo Чтобы много не болтать, сразу приведу небольшой пример кода. import React, {Component} from 'react'; import {connect, Form, Input, logger} from 'react-validation-boo'; class MyForm extends Component { sendForm = (event) => {…