react-dndの検索結果1 - 2 件 / 2件

• あとで読む

  React DnDを使ったので知見をまとめた - STORES Product Blog

  • 9 users
  • product.st.inc
  • テクノロジー
  • 2021/03/09

  始めに STORES 予約でエンジニアをしているTak-Iwamoto です。 今回はある項目の並び替え機能を実装する際に React DnD を使用したので、その知見について書かせていただきます。 実装した画面はこんな感じです。 ライブラリ STORES 予約の管理画面は Rails の slim -> React へのリプレイスが進行中です。 なので React のドラッグ&ドロップライブラリを検討しました。 star 数の多いライブラリは以下のものがあります。 React DnD react-beautiful-dnd React-Draggable React-Draggable は最終リリース ver が 2016/12 なので対象外として、React DnD と react-beautfiul-dnd のどちらかが候補となります。 あくまで自分の考えではありますが、それぞれの

  
• あとで読む

  React DnDでかんばんボードを作ってみる

  • 6 users
  • zenn.dev/mtblue81
  • テクノロジー
  • 2020/12/03

  ※本記事はSansan Advent Calendar 2020の3日目になります。 はじめに 自分はSansanが展開しているtoC向けの名刺管理サービス Eight を開発しています。 先日EightのWebページでReact DnDを利用した並び替えを実装していたので、そのときの経験を踏まえてかんばんボードを作成してみました。 できあがりのサンプルはこちら、ソースコードはこちらになります。参考としたのは本家のSortable Simpleです。 本記事では以下の流れで簡単な解説をしていきます。 React DnDの概要 環境構築 Sample作成 まとめ React Dndの概要 React Dndは2014年から開発されているReact用のドラッグ＆ドロップを実現するライブラリです。 Reduxの作者であるDan Abramovさんによるものとしても知られています。 READMEで