react-dnd vs quick-erd

react-dnd

Drag and Drop for React [Moved to: https://github.com/react-dnd/react-dnd] (by gaearon)

DISCONTINUED

quick-erd

quick and easy text-based ERD editor with drag and drop visualization + code generator for migration, query, typescript types and orm entity (by beenotung)

erd text-based Drag and Drop

Source Code

erd.surge.sh

Suggest alternative

Edit details

SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App

With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

surveyjs.io

featured

InfluxDB - Power Real-Time Data Analytics at Scale

Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

www.influxdata.com

featured

react-dnd		quick-erd
	Project
2	Mentions	1
17,389	Stars	27
-	Growth	-
8.2	Activity	9.2
about 2 years ago	Latest Commit	25 days ago
TypeScript	Language	TypeScript
MIT License	License	BSD 2-clause "Simplified" License

The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.

react-dnd

Posts with mentions or reviews of react-dnd. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2022-04-03.

TypeScript 2.0 with react-dnd gives error "JSX element attributes may not be a union type"
2 projects | /r/codehunter | 3 Apr 2022

In a TypeScript + React project I am using react-dnd with its DefinitelyTyped typings:
Drag and drop with touch support for react.js
1 project | /r/codehunter | 2 Apr 2022

There's a couple of questions and articles and libraries about drag and drop for react.js, but none of them seems to mention touch events, and none of the demo's work on my phone.

quick-erd

Posts with mentions or reviews of quick-erd. We have used some of these posts to build our list of alternatives and similar projects.

Show HN: Quick-erd a text based erd editor with migration code generation
1 project | news.ycombinator.com | 29 Jan 2023

Thanks for the appreciation.
You can reverse-engineer erd file from a live database (mysql/pg/sqlite).
More usage guides in the readme page: https://github.com/beenotung/quick-erd
For sharing / collaboration, I prefer to put the erd text file into the git repository instead of relaying on a cloud provider.

What are some alternatives?

When comparing react-dnd and quick-erd you can also consider the following projects:

dnd-kit - The modern, lightweight, performant, accessible and extensible drag & drop toolkit for React.

Konva - Konva.js is an HTML5 Canvas JavaScript framework that extends the 2d context by enabling canvas interactivity for desktop and mobile applications.

elementor - The most advanced frontend drag & drop page builder. Create high-end, pixel perfect websites at record speeds. Any theme, any page, any design.

nebulagraph-veditor - A Highly customizable JavaScript Diagramming Lib with SVG, HTML, Canvas support.

react-grid-dnd - drag and drop, grid edition. built with react

GrapesJS - Free and Open source Web Builder Framework. Next generation tool for building templates without coding

angular-gridster2 - Angular gridster 2

react-dnd - Drag and Drop for React

Vue.js - This is the repo for Vue 2. For Vue 3, go to https://github.com/vuejs/core

interact.js - JavaScript drag and drop, resizing and multi-touch gestures with inertia and snapping for modern browsers (and also IE9+)

nested-dnd - Proof of concept for doing a nested drag and drop in React

React Animation 👌 - Animation components and styles for React projects