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

    함께 읽은 게시물

    혹시, Cursor 나 Claude 얘기는 많이 들었는데
    잘 쓰고있는건지 모르겠다,
    이제는 AI 활용 방법 제대로 배워야 할것 같은데
    어디서부터 어떻게 시작할지 막막하다
    이런 고민을 하고 계신가요??

    ... 더 보기

    토스 데이터 직군 집중 채용 - 면접만 봐도 100만원!

    ... 더 보기

    토스 DATA·ML 집중채용

    toss.im

    토스 DATA·ML 집중채용


    나는 종종 생산성을 올리기 위한 각종 개발 툴은 물론, 라이브러리나 소스 코드를 구매하기도 한다.


    소스 코드의 경우 실제로 써먹지 못하는 경우도 상당수 되긴 하지만, 그래도 구성이나 코드를 보면서 배우는게 있기 때문에 학습 비용이라고 생각하고 가끔 구매하는 편이다.


    ... 더 보기

    < 피터 드러커가 말한 7살도 아는 성공 공식 >

    1

    ... 더 보기

    퇴사 부검 : 네이버를 떠나며

    ... 더 보기

    퇴사 부검 : 네이버를 떠나며

    taetaetae.github.io

    퇴사 부검 : 네이버를 떠나며

     • 

    저장 27 • 조회 4,834