Performance Comparison of CSS-in-JS#

import { FullscreenOutlined } from '@ant-design/icons';
import { Button } from 'antd';

export default () => (
  <a href="https://cssinjs-benchmark.arvinx.app/large-content" target={'_blank'}>
    <Button type={'primary'} icon={<FullscreenOutlined />}>
      Click to view in full screen
    </Button>
  </a>
);

import { FullscreenOutlined } from '@ant-design/icons';
import { Button } from 'antd';

export default () => (
  <a href="https://cssinjs-benchmark.arvinx.app/dynamic-value" target={'_blank'}>
    <Button icon={<FullscreenOutlined />}>Click to view in full screen</Button>
  </a>
);