>From a React dev:

https://www.khanacademy.org/preview/content/items/xfa03b103
https://github.com/Khan/perseus/blob/master/src/widgets/orderer.jsx#L6-L439

I'm sure this can be adapted for Om. I may write up a simpler Om example in
the future.

David


On Tue, Dec 31, 2013 at 12:43 AM, David Pidcock <eraz0rh...@gmail.com>wrote:

> On Thursday, December 19, 2013 11:12:12 AM UTC-8, David Nolen wrote:
> > Enjoy,
> http://swannodette.github.io/2013/12/17/the-future-of-javascript-mvcs/
> >
> >
> >
> > David
>
> I've been playing around with some basics. I'm still a relative n00b when
> it comes to functional programming, and I've never looked at React before.
>
> Very cool stuff.
>
> I managed to get Om+React to display a list of items that are sorted by a
> given key, and I have a content-editable span which updates the state of
> the owner with new value of that key for a given item, and voila! the list
> item moves to the correct position. (as expected)
>
> Now here's the tricky part...
> I want to implement a drag-list, where I can drag-drop items into a new
> position, and update the key based on the new position. I have that
> algorithm working in a different project (using goog.DragListGroup) , but
> React does not like you to manipulate the DOM outside it's knowledge.
>
> I found this :
>
> https://groups.google.com/forum/#!searchin/reactjs/sortable/reactjs/mHfBGI3Qwz4/rXSr-1QUcKwJ
>
> which lead to
> http://jsfiddle.net/LQxy7/
>
> Unfortunately,  I can't get this to work with Om. I am having trouble
> navigating the data structures.
>
> How are "props" created/accessed? I followed the TodoMVC example, but that
> seems to be using "state", which I am given to understand should be kept as
> high in the hierarchy as possible (per the React recommendations).  I tried
> something like  (:value (om/get-props this)) from within IRender, but that
> doesn't work. Also : (om/get-props this [:items] )  (following the idiom
> established by get-state.
>
> I'm probably missing something obvious, so I thought I'd pop in here to
> see if there's someone who can point me in the right direction.
>
>
> --
> --
> You received this message because you are subscribed to the Google
> Groups "Clojure" group.
> To post to this group, send email to clojure@googlegroups.com
> Note that posts from new members are moderated - please be patient with
> your first post.
> To unsubscribe from this group, send email to
> clojure+unsubscr...@googlegroups.com
> For more options, visit this group at
> http://groups.google.com/group/clojure?hl=en
> ---
> You received this message because you are subscribed to the Google Groups
> "Clojure" group.
> To unsubscribe from this group and stop receiving emails from it, send an
> email to clojure+unsubscr...@googlegroups.com.
> For more options, visit https://groups.google.com/groups/opt_out.
>

-- 
-- 
You received this message because you are subscribed to the Google
Groups "Clojure" group.
To post to this group, send email to clojure@googlegroups.com
Note that posts from new members are moderated - please be patient with your 
first post.
To unsubscribe from this group, send email to
clojure+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/clojure?hl=en
--- 
You received this message because you are subscribed to the Google Groups 
"Clojure" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to clojure+unsubscr...@googlegroups.com.
For more options, visit https://groups.google.com/groups/opt_out.

Reply via email to