Reactでは、HoCsという考え方を用いることでコンポーネントのロジックを抽象化し再利用することができます。これはReact-RouterやMaterial-UI、Apolloなど既に多くのライブラリで使用されています。 コンポーネントからこれらのロジックを引き離すことは、ロジックの再利用性を高めるだけでなく、コンポーネントのテストをとても容易にします。 Component ReactのcreateElementは純粋関数です。3つの引数を受け取り、オブジェクトを返します。 import { createElement } from 'react' const element = createElement( 'h1', {className: 'greeting'}, 'Hello, world!' )
![Reactを理解する | Interactive Tech Blog](https://cdn-ak-scissors.b.st-hatena.com/image/square/be1573c34ecb5030de46815899dac11bff4fdccb/height=288;version=1;width=512/http%3A%2F%2Ftech.ryukyu-i.co.jp%2Fassets%2Fimages%2Fcover.jpg)