はじめに ある程度開発をしていくと、関数型プログラミングや手続き型プログラミングとはいう言葉はちらほら耳にしますよね。 Reactは16.8.0のReacthooks導入により関数型プログラミングに大きくシフトしました。 関数型プログラミングについて知らなくてもコードは書けると思いますが、MetaがReactを関数型として設計している意図を汲み取れた方がより効率良く綺麗なコードが書けると思います。 自分自身のReactの学習のためにも今回はまとめさせて頂きます。 その前に手続き(命令)型プログラミングとは ブラウザなどへの命令を手順通り(手続き通り)記述していく手法になります! デメリットとしてコード量が大きくなって可読性が悪くなる場合があります。 例:配列にある数値を倍にする処理 let nums = [1,2,3]; let doubleNums = []; for(let i = 0