React Dnd-Kit というライブラリを知ったので調べた dndkit.com Dnd-Kit はReactでドラッグ＆ドロップ機能を実装するためライブラリ 特徴は以下 最小限の依存関係で動作するように設計されていて、軽量、高パフォーマンス フックベースのAPI カスタマイズす…

react-dropzoneというファイルアップロードに便利なライブラリを知ったので調べた react-dropzone.js.org react-dropzone は、ファイルのドラッグ＆ドロップインターフェースをReactアプリケーションに簡単に追加するためのライブラリ React Dropzoneの主な…

react-beautiful-dndのドキュメントをみていて、Droppableコンポーネントの最後の子要素にある{provided.placeholder}がよくわからなかったので調べた 目的 provided.placeholderの主な目的は、ドラッグ操作中にドラッグされているアイテムの元の位置を維持…

react-beautiful-dndのカスタマイズオプションについて調べた react-beautiful-dnd は様々なカスタマイズオプションを提供している 以下のコードを例に、カスタマイズオプションを説明する import React from 'react'; import { DragDropContext, Droppable,…

react-beautiful-dnd というドラッグ&ドロップのためのライブラリを知ったので調べた github.com react-beautiful-dndは、Atlassian社によって開発されているドラッグ&ドロップのためのライブラリで、使いやすいAPIを提供している 特徴 使いやすい 直感的なA…