react-beautiful-dnd의 유지보수가 종료됨에 따라서 대안으로 react-dnd라는 것을 사용하고 있었습니다.

react-dnd는 react-beautiful-dnd에 비해 가벼운 라이브러리이고, 더 쉽게 사용가능했지만, react-beautiful-dnd에서 느꼈던 수려한 드래그 앤 드랍의 UX경험을 구현하기에는 쉽지 않았습니다.

하지만 @dnd-kit을 이용하면, react-beautiful-dnd에서 경험했던 드래그 앤 드랍의 UX 경험을 구현가능하고, react-dnd처럼 가볍게, 그리고 개발자 경험도 향상시켜서 개발할 수 있습니다.

저는 @dnd-kit을 조금 더 쉽게 이용해서 여러 리스트 컴포넌트에서 사용하고 있었습니다.

제가 사용하는 방식을 정리해서 글을 작성했습니다.

https://velog.io/@milliwonkim/Goodbye-react-beautiful-dnd-Hello-dnd-kit