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

    함께 읽은 게시물

    여러분 PostgreSQL 프로시저는 Python, JavaScript은 물론 Perl, Java, Lua 등도 사용할 수 있답니다~* 대부분 구식🤭 MySQL만 쓰셔서 모르시겠지만.. (도망간다)


    서버엔지니어의 시대적 고민

    ... 더 보기

    간만에 공개 발표를.. 이번 주 토요일,

    ... 더 보기

    Build with AI 2025 Seoul - 이벤터스

    event-us.kr

    Build with AI 2025 Seoul - 이벤터스

    Longest Common Subsequence 자바스크립트 풀이

    ... 더 보기

    Longest Common Subsequence | 알고달레

    알고달레

    Longest Common Subsequence | 알고달레

    Logger 인스턴스 매번 생성하시나요?

    o

    ... 더 보기

    Logger Caching & Performance

    iOYES

    Logger Caching & Performance

    [광고] 다음 직무 채용 예정입니다.


    - 프러덕트/사업 기획 1인

    - 프러덕트 디자인 1인

    ... 더 보기