Точно так же как и в любом другом приложении. Перейти на вкладку performance и смотреть что лишнего делает браузер.
И да, если честно, то я не понимаю зачем реакту ререндерить весь компонент, а не только курсор

🌚onMouseMove={handleMouseMove}

Во время записи сам процесс не лагает, или я не понимаю смысла?

Лагает, но лагает равномерно. Проблемные участки в любом случае найдёшь

Не убивать пул, не вызывать сет стейт напрямую по маусмув, в нагруженных местах не использовать инлайн стили

а что с инлайновыми стилями не так?

нет, по поводу русского языкп я имел ввиду, что он наптсал 'Мейби'. а по поводу руби, то да, руби это неполноценный язык скажем так, ужасный я бы сказал

жестко

ну, есть серъезные разработчики на руби?) в свое время он урвал львиную долю популярности из-за того, что на нем клепали сайты как на конвейере. сейчас смысла неь писать на нем хотя бы что-то. я бы тоже самое сказал про пхп, который уже в своем развитии пошел далеко не туда и в целом уступил уже свою нишу другим современным технологиям.

а на чем смысл есть ?)

нода, пайтон, ява, шарпы

выбирай)

сейчас бы на ноде писать серьезные приложения 👀

ну, что для тебя серъезные?

ну, как бы на ноде люди для банков пишут проекты

на рельсах тоже)

европейские и американские бизнесы многие на руби. я сам в одном таком работаю
вообще на западе достаточно популярен

Доброе утро , не подскажете как прокидывать пропсы через линк , я вот так делаю, как в гугле нашел - не прокидываются

let toGroupPage = {
            pathname: '/one-group-page',
            state: {
                file: this.props.group.file,
                name: this.props.group.name,
            }
        };
        return (
            <Link to={toGroupPage}>
                <div className="group-item" onClick={this.handleClick}>
                    <div className="image">
                        <img src={this.props.group.file} alt=""/>
                    </div>
                    <div className="r-column">
                        <div className="r-column__head-text">
                            {this.props.group.name}
                        </div>
                        <div className="r-column__counter">
                            100 подписчиков
                        </div>
                        <div className="r-column__subscribe">
                            Вы подписаны
                        </div>
                    </div>
                </div>
            </Link>

state - undefined

let toGroupPage = {
            pathname: '/one-group-page',
            state: {
                file: this.props.group.file,
                name: this.props.group.name,
            }
        };
        return (
            <Link to={toGroupPage}>
                <div className="group-item" onClick={this.handleClick}>
                    <div className="image">
                        <img src={this.props.group.file} alt=""/>
                    </div>
                    <div className="r-column">
                        <div className="r-column__head-text">
                            {this.props.group.name}
                        </div>
                        <div className="r-column__counter">
                            100 подписчиков
                        </div>
                        <div className="r-column__subscribe">
                            Вы подписаны
                        </div>
                    </div>
                </div>
            </Link>

Через State manager надо делать