omnyway-labs / simple-list-dnd

Example Clojurescript webapp demonstrating integration with react-beautiful-dnd

Example Clojurescript / Reagent use of React Beautiful Drag and Drop

Demonstrates a clojurescript implementation of a Simple List with react-beautiful-dnd.

Pretty much a direct translation of the JS/React Simple List Example

This first pass is mainly to get something to work in Clojurescript. It is not (yet) implemented in a more Clojurescript style but mostly a literal translation of the Javascript into Clojurescript.

The example runs inside a Devcard or standalone.

Available Scripts

In the project directory, you can run:

yarn cards

Runs the interactive live development enviroment.

This environment uses Devcards

yarn start

Runs the app in development mode.
Pretty much just the DND component right now, but without devcards

Open http://localhost:3000 to view it in the browser. The page will reload if you make edits.

yarn lint and yarn format

yarn lint checks the code for known bad code patterns using clj-kondo.

yarn format will format your code in a consistent manner using zprint-clj.

yarn report

Make a report of what files contribute to your app size.
Consider code-splitting or using smaller libraries to make your app load faster.

yarn server

Starts a Shadow CLJS background server.
This will speed up starting time for other commands that use Shadow CLJS.

General info

This project was bootstrapped with Create CLJS App.

The app uses Reagent, a minimalistic interface between ClojureScript and React.
You can use existing npm React components directly via a interop call.

Builds use Shadow CLJS for maximum compatibility with NPM libraries. You'll need a Java SDK (Version 8+, Hotspot) to use it.
You can import npm libraries using Shadow CLJS. See the user manual for more information.

License

Released under MIT License

Copyright 2020 Robert Berger