Bye react-beautiful-dnd, Hello @dnd-kit

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


Goodbye react-beautiful-dnd, Hello @dnd-kit

velog.io

Goodbye react-beautiful-dnd, Hello @dnd-kit

더 많은 콘텐츠를 보고 싶다면?

또는

이미 회원이신가요?

2024년 6월 6일 오전 3:57

댓글 0