hello-pangea/dnd

Roadmap

Xhale1 opened this issue · 7 comments

Xhale1 commented

This issue will serve as a living document of our short and long-term goals for this project.

In no particular order:

  • Design a new documentation site using Docusaurus
  • Remove redux connected api in favor of redux hooks
  • Add new examples to storybook
    • MUI
    • react-virtuoso
    • Tailwind
    • AntD
    • More (?)
  • [long-term] support grid layout
100terres commented

Good 👌

Could we also add an item to the roadmap to improve the developper experience. We could investigate a way to introduce new hooks to create draggables and droppables instead of using render function e.g.

Current render function API

<Draggable draggableId={item.id} index={index}>
  {(
    dragProvided: DraggableProvided,
    dragSnapshot: DraggableStateSnapshot,
  ) => (
    <Item
      key={item.id}
      item={item}
      isDragging={dragSnapshot.isDragging}
      isGroupedOver={Boolean(dragSnapshot.combineTargetFor)}
      provided={dragProvided}
    />
  )}
</Draggable>

What a hooks API could look like

const {
  draggableProvided
  draggableStateSnapshot,
} = useDraggable({ draggableId: item.id, index });

<Item
  key={item.id}
  item={item}
  isDragging={dragSnapshot.isDragging}
  isGroupedOver={Boolean(dragSnapshot.combineTargetFor)}
  provided={dragProvided}
/>

EDIT: This could serves has an inspiration: https://github.com/thisbeyond/solid-dnd#how-do-i-get-started-

  • 🎉2
100terres commented

An other item could be to investigate how we could leverage GitHub discussions.

EDIT: Just saw that it was already open! 🎉 #417

100terres commented

Could also be nice to observe/watch the code coverage of the library.

spheroidic commented

Hello - I am having trouble using @atlaskit/trees in my project. I'm a newbie coder, but the errors I'm getting are with out of date dependencies. I am already using RBD (soon switching to RFD), and I'd love to implement trees using the package. Do you folks have implementing trees as a feature anywhere on your radar?

  • 👍1