shakacode/rescript-dnd

Stars
115
Rank 305,916 (Top 7 %)
Language ReScript
Created over 6 years ago
Updated 8 months ago

shakacode/rescript-dnd

shakacode

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Drag-n-drop for @rescript/react

rescript-dnd

Drag & drop for @rescript/react.

Features

Vertical lists
Horizontal lists
Multiple drop targets
Mouse & Touch interactions
Conditional drag & drop
Custom drag handles
Scrollable containers
Auto-scroll when dragging at container's edge

ShakaCode

If you are looking for help with the development and optimization of your project, ShakaCode can help you to take the reliability and performance of your app to the next level.

If you are a developer interested in working on ReScript / TypeScript / Rust / Ruby on Rails projects, we're hiring!

Installation

# yarn
yarn add rescript-dnd rescript-webapi
# or npm
npm install --save rescript-dnd rescript-webapi

Then add it to bsconfig.json:

"bs-dependencies": [
  "rescript-dnd",
  "rescript-webapi"
]

Docs

Examples

Demos: live | sources
Production app: Minima

State

🚧 The library is not feature-complete and some features/apis might be missing.
🎙 Let us know if you miss anything via creating an issue.
🌎 We're using it in production BTW.

Features we'd like to add at some point

Keyboard interactions
Ignore form elements (opt-out)
Drop-zones
Multi-select

Thanks

To react-beautiful-dnd for inspiration

License

MIT.

Supporters

ScoutAPM

BrowserStack

The following companies support our open source projects, and ShakaCode uses their products!

react_on_rails

Integration of React + Webpack + Rails + rails/webpacker including server-side rendering of React, enabling a better developer experience and faster client performance.

react-webpack-rails-tutorial

Example of integration of Rails, react, redux, using the react_on_rails gem, webpack, enabling the es7 and jsx transpilers, and node integration. And React Native! Live Demo:

bootstrap-loader

Load Bootstrap styles and scripts in your Webpack bundle

sass-resources-loader

SASS resources (e.g. variables, mixins etc.) loader for Webpack. Also works with less, post-css, etc.

cypress-on-rails

Use cypress.io or playwright.dev with your rails application. This Ruby gem lets you use your regular Rails test setup and clean-up, such as FactoryBot.

shakapacker

Use Webpack to manage app-like JavaScript modules in Rails

fat-code-refactoring-techniques

Code samples for RailsConf 2014 on Fat Code Refactoring

re-formality

Form validation tool for reason-react

bootstrap-sass-loader

Webpack Loader for the Sass version Twitter Bootstrap

rescript-classnames

Reimplementation of classnames in ReScript

rescript-logger

Logging implementation for ReScript

react_on_rails_demo_ssr_hmr

react_on_rails tutorial demonstrating SSR, HMR fast refresh, and Typescript based on the rails/webpacker webpack setup

steward

Task runner and process manager for Rust

font-awesome-loader

Webpack Loader for Font Awesome Using Sass

webpacker_lite

Slimmed down version of Webpacker with only the asset helpers optimized for, but not requiring, React on Rails

rescript-debounce

Debounce for ReScript

mirror-creator

One more way to create an object with values equal to its key names

control-plane-flow

The power of Kubernetes with the ease of Heroku! Our playbook for migrating from Heroku to Control Plane, controlplane.com, and CPL CLI source

reactrails-react-native-client

This repository is for a react-native client to the https://www.reactrails.com/, source at https://github.com/shakacode/react-webpack-rails-tutorial/.

redux-tree

An alternative way to compose Redux reducers

messagebus

Message bus - enables async communication between different parts of application using messages

rust-rescript-demo

ssr-rs

Server-Side Rendering for Rust web servers using Node.js

redux-interactions

Composing UI as a set of interactions

bootstrap-sass-loader-example

Example of using the bootstrap-sass-loder to load the Sass version of Twitter Bootstrap using Webpack

style-guide-javascript

ShakaCode's JavaScript Style Guide (Also see our Ruby one: https://github.com/shakacode/style-guide-ruby)

jstreamer

justerror

Extension to `thiserror` that helps reduce the amount of handwriting

react-validation-layer

An opinionated form validation tool for React apps

rescript-react-on-rails

BuckleScript bindings to react-on-rails

todos-react-native-redux

Todos app with React Native and Redux

rescript-react-on-rails-example

Example of https://rescript-lang.org/ with React on Rails

conform

Macro to transform struct string fields in place

package_json

rescript-throttle

Throttle for ReScript

rescript-first-class-modules-usage

webpacker-examples

react_on_rails-with-webpacker

Prototype of webpacker integration

use-ssr-computation.macro

A babel macro for reducing initial bundle-size of Apps with React SSR. Uses conditional compilation to make computations server-side and pass the results to the client.

react_on_rails-generator-results

Results of running different react_on_rails generators. See https://github.com/shakacode/react_on_rails

vosk-rs

react-starter-kit-with-bootstrap-loader

uber_task

react_on_rails-generator-results-pre-0

js-promises-testing

react-on-rails-demo

Example of using the generator for React on Rails

node-webpack-async-example

Simple example of setting up node with webpack

egghead-add-redux-component-to-react-on-rails

Source for Egghead lesson: Add Redux State Management to a React on Rails Project

reactrails-in-reagent

Test of converting reactrails example to reagent

.github

rails-tutorial-with-react-on-rails

Adding React on Rails to the Rails Tutorial

react_on_rails-test-new-redux-generation

Testing out a different redux generation. See https://github.com/shakacode/react_on_rails/pull/584

yardi

Yet Another Rust Dependency Injector

old-react-on-rails-examples

Various example apps for React on Rails, outdated

v8-demo

React on Rails v8 Usage of the basic generator and a "generator function example"

docker-ci

docker container that runs all test and linting against app

react-rails-webpacker-resources

sass-rel-paths-issue

reactrails-in-om-next-example

Test of converting reactrails example to om-next

homebrew-brew

zone-helper

react_on_rails-update-webpack-v2

Updating the default React on Rails 6.6.0 redux installation to use Webpack v2 plus adding eslint.

shakacode-website

Public website and blog

react-native-image-zoom-slider

derive-from-one

Automatically generates `From` impls so you don't have to

rescript-on-rails-example

A sample application using Rescript and React on Rails.