Functional ComponentsとrecomposeでらくらくReactプログラミング | ヌーラボこんにちは。Nulab Appsチームの_fpです。Nulabではそれぞれのプロジェクトに合ったWeb Frameworkを使った開発を行なっており、Nulab AppsではReactを使用しています。 さて、Reactで苦労するポイントといえばいろいろありますが、中でもやはり状態管理とライフサイクル、イベントハンドラ、RefとDOMのあたりではないでしょうか。 実装方法はいくつかありますが、ー般的なのは公式ドキュメントにあるようにReact.Componentを継承したクラスに機能を実装することかと思います。 ただ、いくつかクラスを作ると、だんだん似たような状態やライフサイクルを持つものばかりになることも少なくありません。 そこで、今回はFunctional ComponentsとHOCの組み合わせについて紹介してみたいと思います。サンプルコードは末尾のCodePenで試すことができます
