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

    함께 읽은 게시물

    《론 뮤익이 평범함을 바라보게 하는 방법》

    ... 더 보기

    한때 천만원에 거래되었던 Manus, Bedrock 무료 오픈소스로 공개

    ... 더 보기

    LinkedIn

    lnkd.in

    LinkedIn

     • 

    저장 15 • 조회 1,196


    아마존 퇴사와 빅테크 이직 준비

    ... 더 보기

     • 

    댓글 9 • 저장 821 • 조회 23,656


    < 쿠팡의 창업자를 직접 보며 배운 것: 리더의 크기가 전부다 >

    1

    ... 더 보기

     • 

    댓글 1 • 저장 9 • 조회 1,037


    📰 인공지능만으로 운영된 스타트업의 실패


    카네기 멜론 대학교의 연구자들은 “TheAgentCompany”라는 회사를 만들었다. 이 회사는 AI 모델들이 소프트웨어 엔지니어, 재무 분석가, 프로젝트 매니저로 일하는 곳.


    ... 더 보기

    쎄울, 2025