React関連の使い方を復習する／(4) prop-typesとreact-dnd - この木なんの木気になる樹

React関連の使い方を復習する／(1) create-react-app React関連の使い方を復習する／(2) prop React関連の使い方を復習する／(3) stateとイベントハンドラ 前回、reactのstateを使ってタスクのチェックボックスを通じて画面を少し動的にしてみました。 今回は、react-dndを使ってドラッグ＆ドロップでカードを移動できるようにしてみます。合わせて、コンポーネントのPropが徐々に増えてきたので、ちょっとした型安全性をもたらしてくれるprop-typesを導入していきます。 この記事で触れること react-dnd prop-types ReactDndを導入する カンバンと言うならば、カードを移動できないと面白くないですよね。ReactDndと言う便利なパッケージが公開されているので、これを利用します。 npm install --save