vazco/uniforms
sortablejs
Our great sponsors
vazco/uniforms | sortablejs | |
---|---|---|
4 | 25 | |
1,908 | 28,684 | |
1.6% | 1.0% | |
6.5 | 6.0 | |
7 days ago | 14 days ago | |
TypeScript | JavaScript | |
MIT License | MIT License |
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.
vazco/uniforms
- What UI library would you use to quickly prototype some forms?
-
React Form library for dynamic forms
If you would generate some schema for it (e.g., JSON schema), you could use uniforms. Or you could create a custom schema adapter (called bridge) and also use it. I’m an author and if you’d like to know more, feel free to ask here or directly.
-
Create forms from openapi .json schemas?
Nice. See https://uniforms.tools/ for a React lib that plays nicely with JSON Schema (and other formats)
-
✨ How you build forms with Material-UI? This is the way I do. Link in the first comment.
I am a big fan of the uniforms library. It allows you to automatically create forms from your data model. It works well with Material UI but also supports many other UI frameworks (Ant Design, Semantic UI, ...). So you can choose the way it looks like by just selecting a different theme provider. It also has great support for TypeScript and comes with form validation!
sortablejs
-
A feature-rich front-end drag-and-drop component library
We've been using SortableJS for years for similar functionality.
https://sortablejs.github.io/Sortable/
-
Multi-column drag and drop with SortableJS and Stimulus
Well, it worked. But only for one case: dragging stuff within only one column. You see, stimulus-sortable uses SortableJS under the hood, which is powerful.
-
Suggestions for a library that can resize/move panels on a grid-like basis? Like the AWS dashboard widgets.
Maybe: https://github.com/SortableJS/Sortable Can do this not sure.
-
Show HN: An open source visual editor for React
Well, there are obvious leading contenders like `https://sortablejs.github.io/Sortable/` and, within the `vue` space, `https://sortablejs.github.io/vue.draggable.next/`. Most of the stuff I looked at was unmaintained (lots not updated for vue3).
I really disliked the vuedraggable was handling nesting, and it's just a wrapper around a sortable. At the end of the day, my problem was simple enough that I didn't want a 500kb dependency. If you're wanting to do something like the OP but with nesting, I'd definitely start by looking at Sortable, though (maybe wrapping it the way you want).
- SortableJS: Library for reorderable drag-and-drop lists
-
Ruby on Rails #119 Trello Clone. Advanced Drag and Drop Sortable Lists with Hotwire
Have you looked into alternatives to SortableJS btw? It's a good library but it's also pretty big (43kb) based on https://github.com/SortableJS/Sortable/blob/master/Sortable.min.js.
- react sortable-js, two types of items and nested items
-
How to use Nodemailer with Cypress 10?
after(() => { cy.task('sendMail', 'This will be output to email address') .then(result => console.log(result)); }) //zadanie A it("navstiv stranku a vyhladaj a elementy v casti Framework Support", ()=>{ cy.visit('https://sortablejs.github.io/Sortable/#cloning')
-
Can anyone share an example of drag and drop content
Check out https://sortablejs.github.io/Sortable/
- How to create a Drag and Drop quiz like this?
What are some alternatives?
react-jsonschema-form - A React component for building Web forms from JSON Schema.
react-sortable-hoc - A set of higher-order components to turn any list into an animated, accessible and touch-friendly sortable list✌️
compose-state - Compose multiple setState or getDerivedStateFromProps updaters in React
HTML5Sortable - VanillaJS sortable lists and grids using native HTML5 drag and drop API.
react-icons - svg react icons of popular icon packs
dropzone - Dropzone is an easy to use drag'n'drop library. It supports image previews and shows nice progress bars.
react-select - The Select Component for React.js
react-beautiful-dnd - Beautiful and accessible drag and drop for lists with React
react-cool-form - 😎 📋 React hooks for forms state and validation, less code more performant.
bootstrap-select - :rocket: The jQuery plugin that brings select elements into the 21st century with intuitive multiselection, searching, and much more.
Swiper - Most modern mobile touch slider with hardware accelerated transitions
Vue.Draggable - Vue drag-and-drop component based on Sortable.js