Run results for: React Spread Perf

Run details:

User agent: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:108.0) Gecko/20100101 Firefox/108.0

Browser: Firefox 108

Operating system: Ubuntu

Device Platform: Desktop

Date tested: one year ago

Test name	Executions per second
Spreading	70120.6 Ops/sec
Not Spreading	75955.2 Ops/sec

HTML Preparation code:

<script crossorigin src="https://unpkg.com/react@18/umd/react.production.min.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@18/umd/react-dom.production.min.js"></script>
<div id="root"></div>

Script Preparation code:

function ComponentComboSpreading() {
    const rest = {
        test: '1',
        speed: '2',
        component: '3'
    };
    const onClick = React.useCallback(evt => evt.preventDefault(), []);
    const someText = "text";
    const someArray = ['1', '2', '3'];
    return React.createElement('button', {
        ...{
            ...rest,
            someArray,
            someText,
            onClick
        }
    }, 'Click me!');
}

function ComponentNotSpreading() {
    const rest = {
        test: '1',
        speed: '2',
        component: '3'
    };
    const onClick = React.useCallback(evt => evt.preventDefault(), []);
    const someText = "text";
    const someArray = ['1', '2', '3'];
    return React.createElement('button', {
        test: rest.test,
      	speed: rest.speed,
      	component: rest.component,
        someArray,
        someText,
        onClick
    }, 'Click me!');
}

Tests:

Spreading
ReactDOM.render(React.createElement(ComponentComboSpreading), document.getElementById('root'))
Not Spreading
ReactDOM.render(React.createElement(ComponentNotSpreading), document.getElementById('root'))

Run results for: React Spread Perf

Spreading

Not Spreading