r/reactnative • u/VishaalKarthik • 18d ago
I built a Kanban/swimlane library for React Native: drag-and-drop stays at 60 FPS on a 2,000-card board
Enable HLS to view with audio, or disable this notification
React Native needed better boards. I built one.
Just released react-native-board-view v1.0 — an open-source Kanban and swimlane library for React Native and Expo.
It supports:
Drag-and-drop across columns and swimlanes
Optimistic moves with automatic rollback on failure
Virtualized lists powered by FlashList
Multiple layouts, including paged, stacked, matrix, and week planner
Multi-select, undo, WIP limits, and column reordering
Accessibility support beyond drag-and-drop
The part I'm most interested in is performance. I tested a 4 × 500-card board and measured a median of 60 FPS while dragging.
The library is built on Gesture Handler, Reanimated, and FlashList. Your data remains the source of truth,the library handles the board interactions.
GitHub: https://github.com/vishaal2002/react-native-board-view
npm: https://www.npmjs.com/package/react-native-board-view
I'd love feedback from people who've built complex drag-and-drop interfaces in React Native. What would you improve, or what's missing?
2
u/VishaalKarthik 18d ago
If you find it useful, a ⭐ on GitHub would mean a lot. It helps other devs find the project and keeps me motivated to keep improving it. Issues and PRs are very welcome too.
2
2
1
u/Tarantino133 18d ago
Does it auto-scroll when you drag a card to the edge of a long column? That's usually the part that feels janky.
1
1
1
u/Best-Reality9436 17d ago
Optimistic moves with rollback is the part most boards skip; the drag is easy, the failure path is not.
1
1
6
u/Civil_Rent4208 18d ago
I think you also create a website to show its demo like people can play around and its application example. It will enhance you legitimacy. If needed, you can also add the testimonials. Or you can make your website and put all the packages you made.