Trello clone clone in Clojure
source link: https://thegeez.net/2016/09/22/trello_clone_clone_in_clojure.html
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
Trello clone clone in Clojure
22 Sep 2016
The Phoenix-Trello project is a Trello clone build with Elixir, Phoenix and React. I like the dragging cards interface in Trello, so I made a Trello clone clone in Clojure.
The code for the Clojure version is on GitHub: thegeez/clj-board. The example is running on Heroku: https://clj-board.herokuapp.com
There are two pieces for this project that were interesting to see how well they would work in Clojure. The first is combining Drag and Drop support with React in ClojureScript. The second is to structure the front-end following the Redux/Flux approach.
The Drag and Drop support comes from the React DnD library. The interop support in Reagent works good enough to make it work in ClojureScript.
The Phoenix-Trello project uses a Redux/Flux approach to organizing the React front-end. In Redux there is a single source of state in the application. This is similar to how most ClojureScript React libraries work, such as Om and Reagent. However with Redux the rendering code is expressed as always rendering the whole state. Most ClojureScript React libraries have optimisations to only update parts of the interface when sub-parts of the state change. It turns out that using the Redux approach also works good enough for this project. The optimalisations and extra complexity in ClojureScript React libraries turned out to not be needed for this project. The single state in this project is build around re-frame, but using only a single subscription instead of multiple more fine-grained state observers.
GitHub: thegeez/clj-board Demo: https://clj-board.herokuapp.com
Recommend
-
135
WeKan ® - Open Source kanban Translate WeKan ® at Transifex Translations to non-English languages are accepted only at
-
44
Taskbook :notebook: Tasks, boards & notes for the command-line habitat Description By u...
-
36
Drag & Drop is the user interaction that works naturally when we want to build an app where user can move data around the screen. It’s being used heavily by apps like Trello, Jira, and many others to move data between...
-
55
README.md org-trello
-
37
GBoards Features Trello Like Applcation! Angular FrontEnd Application | Material Design Nod...
-
68
An issue in electron framework leaving the authentication token of Trello in plain sight. In electron framework, cookies aren’t encrypted. But, it will be en...
-
26
More than Slack More than Trello FREEUsing multiple tools to manage your work? Vabotu is one app to replace Slack, Trello, Asana, InVision & Dropbox. You get world-class team messaging, tasks & project...
-
11
Trello clone clone in Clojure22 Sep 2016 The Phoenix-Trello project is a Trello clone build with Elixir, Phoenix and React. I like the dragging cards interface in...
-
6
This third episode of "Portfolio Apps" series is dedicated to build a Trello Clone. Classic right ? I propose one softer tutorial than you can find on Vue Mastery. I hope you will enjoy it ! 1.0 / Setup 2.0 /...
-
4
← blogBuild a Trello Clone with Next.js and Webiny Headless CMS - 2 of 2Samarpit ShrivastavaOctober 25, 2022Welcom...
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK