Reactでは、HoCsという考え方を用いることでコンポーネントのロジックを抽象化し再利用することができます。これはReact-RouterやMaterial-UI、Apolloなど既に多くのライブラリで使用されています。 コンポーネントからこれらのロジックを引き離すことは、ロジックの再利用性を高めるだけでなく、コンポーネントのテストをとても容易にします。 Component ReactのcreateElementは純粋関数です。3つの引数を受け取り、オブジェクトを返します。 import { createElement } from 'react' const element = createElement( 'h1', {className: 'greeting'}, 'Hello, world!' )