こんにちは。フューチャー 3 年目の柏木です。 はじめにReact、Next.js を触り始めて2年半ほど経ちました。 これまでによくつまずいたポイントから、自分なりのノウハウを言語化してみます。 想定する読者 React、Redux(、Next.js)を初めて触る人 システム開発の中で初めてフロントエンドを担当することになった人 開発で使用している技術要素 Node.js(10.5.0) Express(4.16.3) Next.js(5.1.0) React.js(16.4.1) Redux(3.7.2) ノウハウたち次の1~4について順番に説明していきます フロントで持つべきデータの形とデータベースに登録するデータの形は必ずしもイコールではない React の各ライフサイクルで適切な処理を行う 更新を React が正しく検知してくれるよう、値はコピーしてまるっと置き換える (おまけ