https://github.com/texmeijin/react-dnd-and-dnd-kit-in-nextjs-link
react-dndとdnd-kitにおいてDraggableに設定したnext/linkの挙動をテストします
https://github.com/texmeijin/react-dnd-and-dnd-kit-in-nextjs-link
Last synced: about 2 months ago
JSON representation
react-dndとdnd-kitにおいてDraggableに設定したnext/linkの挙動をテストします
- Host: GitHub
- URL: https://github.com/texmeijin/react-dnd-and-dnd-kit-in-nextjs-link
- Owner: TeXmeijin
- Created: 2023-07-29T05:08:34.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2023-07-29T08:31:13.000Z (almost 2 years ago)
- Last Synced: 2025-01-23T03:46:05.696Z (4 months ago)
- Language: TypeScript
- Size: 35.2 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## 本リポジトリの目的
以下ライブラリにおけるNext.js上の挙動のとある違いを説明すること
## セットアップ
- yarn
- yarn dev
## ライブラリ
- react-dnd
- dnd-kit
## 本リポジトリの要点
- react-dndはnext/linkをラップしたときに意図したとおりにDnDできる
- dnd-kitはnext/linkをラップしたときに意図したとおりにDnDできない
- ドロップ後にページ遷移してしまう
- ここでのページ遷移はhistory.pushStateを使っている遷移ではなく、aタグの遷移