Re: ANN: Om, a ClojureScript binding to Facebook's React
Hi, David. May I ask you - in Om you queue rendering in requestAnimationFrame by passing a function which calls forceUpdate on the affected components. But as I understand forceUpdate does not guarantee to execute immediately and is also queued. So, the rendering should be out of sync with requestAnimationFrame. Am I misunderstanding something? Can you help to get this, please? Regards, Alex. -- 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/d/optout.
Re: [ClojureScript] Re: ANN: Om, a ClojureScript binding to Facebook's React
If you install locally you need to depend on [om "0.1.6-SNAPSHOT"] I did make a mistake and accidentally did not push the previous version to Clojars which you can depend on as specified in the README: [om "0.1.5"] On Tue, Jan 7, 2014 at 6:29 AM, Rick Walsh wrote: > Hi Guys, > > So... I'm trying to compile a cljs project with OM. > > As in instructed above I've: > > cloned the repo: > > git clone https://github.com/swannodette/om.git > > Installed: > > lein install > > (Output shown below) > > Retrieving org/clojure/clojurescript/0.0-2138/clojurescript-0.0-2138.pom > from central > Retrieving > org/clojure/core.async/0.1.267.0-0d7780-alpha/core.async-0.1.267.0-0d7780-alpha.pom > from central > Retrieving com/facebook/react/0.8.0.1/react-0.8.0.1.pom from clojars > Retrieving > org/clojure/core.async/0.1.267.0-0d7780-alpha/core.async-0.1.267.0-0d7780-alpha.jar > from central > Retrieving org/clojure/clojurescript/0.0-2138/clojurescript-0.0-2138.jar > from central > Retrieving com/facebook/react/0.8.0.1/react-0.8.0.1.jar from clojars > Created G:\om\target\om-0.1.6-SNAPSHOT.jar > > I then added to my projects cljs a dependency of [om "0.1.6"] > > I still get the following error on compilation: > > Could not find artifact om:om:jar:0.1.6 in central ( > http://repo1.maven.org/maven2/) > Could not find artifact om:om:jar:0.1.6 in clojars ( > https://clojars.org/repo/) > > I'm clearly being terribly stupid. > > Any suggestions? > > -- > Note that posts from new members are moderated - please be patient with > your first post. > --- > You received this message because you are subscribed to the Google Groups > "ClojureScript" group. > To unsubscribe from this group and stop receiving emails from it, send an > email to clojurescript+unsubscr...@googlegroups.com. > To post to this group, send email to clojurescr...@googlegroups.com. > Visit this group at http://groups.google.com/group/clojurescript. > -- -- 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.
Re: ANN: Om, a ClojureScript binding to Facebook's React
The sortable example in the repo is now relatively baked. I'm happy to see React can handle interactive UIs so well. On Monday, January 6, 2014, David Pidcock wrote: > Ha! Just saw your Sortable example popup in Git! > > Very cool. > > > > On Thursday, January 2, 2014 4:00:45 PM UTC-8, David Pidcock wrote: > > Very nice. Relatively easy to follow. Basically it's re-implementing > the drag-list behaviour in React. I had thought to re-use some existing > code, provided I could inform React that the DOM was changing. (This is the > approach used by the example in the fiddler, albeit with jquery instead of > goog.closure as the UI manipulation library) > > > > > > I'm very interested to see what you do with this, in Om. > > This example is complex enough that following along would most likely > fill in the conceptual gaps for me, that the TODO example lacks. > > > > > > Again - inspiring work.. > > > > > > -- David > > > > > > On Monday, December 30, 2013 10:02:37 PM UTC-8, David Nolen wrote: > > > > 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 > 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 clo...@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 > > > > -- -- 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.
Re: ANN: Om, a ClojureScript binding to Facebook's React
I watched a few talks from facebook people about React and was impressed, lots of talk about the simplicity of just rerendering everything and pure functions. I think this is the first time I've been excited about a javascript framework, looking forward to trying it out with Om. On Sunday, January 5, 2014 9:05:06 PM UTC-8, David Pidcock wrote: > > Ha! Just saw your Sortable example popup in Git! > > Very cool. > > > > On Thursday, January 2, 2014 4:00:45 PM UTC-8, David Pidcock wrote: > > Very nice. Relatively easy to follow. Basically it's re-implementing > the drag-list behaviour in React. I had thought to re-use some existing > code, provided I could inform React that the DOM was changing. (This is the > approach used by the example in the fiddler, albeit with jquery instead of > goog.closure as the UI manipulation library) > > > > > > I'm very interested to see what you do with this, in Om. > > This example is complex enough that following along would most likely > fill in the conceptual gaps for me, that the TODO example lacks. > > > > > > Again - inspiring work.. > > > > > > -- David > > > > > > On Monday, December 30, 2013 10:02:37 PM UTC-8, David Nolen wrote: > > > > 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 > 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 clo...@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+u...@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+u...@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 bec
Re: ANN: Om, a ClojureScript binding to Facebook's React
Ha! Just saw your Sortable example popup in Git! Very cool. On Thursday, January 2, 2014 4:00:45 PM UTC-8, David Pidcock wrote: > Very nice. Relatively easy to follow. Basically it's re-implementing the > drag-list behaviour in React. I had thought to re-use some existing code, > provided I could inform React that the DOM was changing. (This is the > approach used by the example in the fiddler, albeit with jquery instead of > goog.closure as the UI manipulation library) > > > I'm very interested to see what you do with this, in Om. > This example is complex enough that following along would most likely fill in > the conceptual gaps for me, that the TODO example lacks. > > > Again - inspiring work.. > > > -- David > > > On Monday, December 30, 2013 10:02:37 PM UTC-8, David Nolen wrote: > > 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 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 clo...@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+u...@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+u...@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.
Re: ANN: Om, a ClojureScript binding to Facebook's React
Very nice. Relatively easy to follow. Basically it's re-implementing the drag-list behaviour in React. I had thought to re-use some existing code, provided I could inform React that the DOM was changing. (This is the approach used by the example in the fiddler, albeit with jquery instead of goog.closure as the UI manipulation library) I'm very interested to see what you do with this, in Om. This example is complex enough that following along would most likely fill in the conceptual gaps for me, that the TODO example lacks. Again - inspiring work.. -- David On Monday, December 30, 2013 10:02:37 PM UTC-8, David Nolen wrote: > > 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 > > > 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 clo...@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+u...@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+u...@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.
Re: ANN: Om, a ClojureScript binding to Facebook's React
>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 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.
Re: ANN: Om, a ClojureScript binding to Facebook's React
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.
Re: ANN: Om, a ClojureScript binding to Facebook's React
(Should have written "DSL-based" not "macro-based" On Tuesday, December 24, 2013 1:55:19 PM UTC-6, Conrad Barski wrote: > On Tuesday, December 24, 2013 5:27:12 AM UTC-6, Nikita Prokopov wrote: > > Hi David, > > > > cool work, > > > > Just wondering, why in todomvc you rely so heavily onto #js literals, and > > prefer dsl-like syntax (dom/...) instead of some declarative markup like > > hiccup? Is it because of performance reasons? > > > > Thanks! > > I'm not David, but I'm guessing "performance reasons" is the answer. The > React library relies on member functions to render html (React.DOM.div, > React.DOM.input, etc) so this maps more efficiently onto a macro-based html > rendering solution, as opposed to one based purely on EDN (like hiccup). Note > that the approach used by Om is common in the Common Lisp & Scheme worlds > (since those languages don't have clean map & vector literals like Clojure, > the hiccup approach is more awkward in those languages.) > > The #js literals can forwarded directly to the React.js library and are > therefore also very efficient. -- -- 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.
Re: ANN: Om, a ClojureScript binding to Facebook's React
On Tuesday, December 24, 2013 5:27:12 AM UTC-6, Nikita Prokopov wrote: > Hi David, > > cool work, > > Just wondering, why in todomvc you rely so heavily onto #js literals, and > prefer dsl-like syntax (dom/...) instead of some declarative markup like > hiccup? Is it because of performance reasons? > > Thanks! I'm not David, but I'm guessing "performance reasons" is the answer. The React library relies on member functions to render html (React.DOM.div, React.DOM.input, etc) so this maps more efficiently onto a macro-based html rendering solution, as opposed to one based purely on EDN (like hiccup). Note that the approach used by Om is common in the Common Lisp & Scheme worlds (since those languages don't have clean map & vector literals like Clojure, the hiccup approach is more awkward in those languages.) The #js literals can forwarded directly to the React.js library and are therefore also very efficient. -- -- 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.
Re: ANN: Om, a ClojureScript binding to Facebook's React
On Tue, Dec 24, 2013 at 6:27 AM, Nikita Prokopov wrote: > Hi David, > > cool work, > > Just wondering, why in todomvc you rely so heavily onto #js literals, and > prefer dsl-like syntax (dom/...) instead of some declarative markup like > hiccup? Is it because of performance reasons? > > Thanks! No. I just think Hiccup, not-Hiccup, or something else entirely should be left up to users of the library. David -- -- 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.
Re: ANN: Om, a ClojureScript binding to Facebook's React
Hi David, cool work, Just wondering, why in todomvc you rely so heavily onto #js literals, and prefer dsl-like syntax (dom/...) instead of some declarative markup like hiccup? Is it because of performance reasons? Thanks! -- -- 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.
Re: ANN: Om, a ClojureScript binding to Facebook's React
Two quick questions as I am working through the OM stuff... glad if anyone here has some pointers to point me in the right directions... 1. I seem to be unable to get "lein trampoline cljsbuild repl-listen" to serve up a css file on my own Om project... I have my css located at "[project root]/css/main.css" and then reference it in the html as but this just throws a 404 error for main.css when I run my program. I've tried many other variations but nothing seems to work. Javascript, html, and sourcemaps work fine. Anyone have an idea of what I'm doing wrong? How does repl-listen decide where the css lives? 2. In the Om TodoMVC app in the function "handle-new-todo-keydown" there is one ugly line of code that reads: (set! (.-value new-field) "") Anyone figure out yet why such a DOM manipulation was necessary in that case? -- -- 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.
Re: ANN: Om, a ClojureScript binding to Facebook's React
This is brilliant, thanks for sharing David! It might (finally!) be the tool I've been looking for to resurrect my interest in client-side development :-) On Thursday, 19 December 2013 19:12:12 UTC, David Nolen wrote: > > Enjoy, > http://swannodette.github.io/2013/12/17/the-future-of-javascript-mvcs/ > > David > -- -- 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.
Re: [ClojureScript] ANN: Om, a ClojureScript binding to Facebook's React
David Nolen writes: > Enjoy, > http://swannodette.github.io/2013/12/17/the-future-of-javascript-mvcs/ > > David Fantastic work! Om is (even in it's current state) really accessible and easy to use. The TodoMVC implementation you mentioned in the Readme is a really nice help when following the React tutorial. I really look forward to using this library for some private and (hopefully) work-related projects in the future. Cheers! -- Moritz Ulrich pgpAxW_2KmKeQ.pgp Description: PGP signature
Re: [ClojureScript] ANN: Om, a ClojureScript binding to Facebook's React
Hey David,
this looks fab. I'm trying to play with it within a stub project of mine.
However, I'm not having much success getting it to compile. This is likely to
be some cljs setup issue I'm having (there are so many moving parts!).
Steps taken:
* Download, and build latest cljs (0.0-2127)
* Clone om and link to it from within my cljs-src directory
* Modify project.clj file to look similar to yours
* Run `lein cljsbuild auto` and see the following error:
λ lein cljsbuild once
Compiling ClojureScript.
java.lang.IllegalArgumentException: No implementation of method: :make-reader
of protocol: #'clojure.java.io/IOFactory found for class: nil
at clojure.core$_cache_protocol_fn.invoke(core_deftype.clj:541)
at clojure.java.io$fn__8551$G__8546__8558.invoke(io.clj:73)
at clojure.java.io$reader.doInvoke(io.clj:106)
at clojure.lang.RestFn.invoke(RestFn.java:410)
at clojure.lang.AFn.applyToHelper(AFn.java:161)
at clojure.lang.RestFn.applyTo(RestFn.java:132)
at clojure.core$apply.invoke(core.clj:619)
My project.clj is as follows:
(defproject overtext "0.1.0-SNAPSHOT"
:description "FIXME: write description"
:url "http://example.com/FIXME";
:license {:name "Eclipse Public License"
:url "http://www.eclipse.org/legal/epl-v10.html"}
:dependencies [[org.clojure/clojure "1.5.1"]
[http-kit "2.1.13"]
[org.clojure/clojurescript "0.0-2127"]]
:plugins [[lein-cljsbuild "1.0.1"]]
:source-paths ["cljs-src" ]
:profiles {:dev {:plugins [[com.cemerick/austin "0.1.3"]]}}
:cljsbuild {
:builds [{:id "dev"
:source-paths ["cljs-src"]
:compiler {
:output-to "resources/web/js/cljs-main.js"
:optimizations :none
:externs ["cljs-src/om/externs/react.js"]}}]})
My project directory structure is:
∴ /Users/sam/scratch/overtext
λ tree .
.
├── LICENSE
├── README.md
├── cljs-src
│ ├── om -> /Users/sam/Development/cljs/om/src/om
│ └── overtext
│ ├── onload.cljs
│ └── ws.cljs
├── doc
│ └── intro.md
├── pom.xml
├── project.clj
├── resources
│ └── web
│ └── static
│ ├── index.html
│ └── js
│ └── cljs-main.js
├── src
│ └── overtext
│ └── core.clj
└── test
└── overtext
└── core_test.clj
12 directories, 11 files
Am I doing anything obviously foolish?
Sam
---
http://sam.aaron.name
On 19 Dec 2013, at 19:12, David Nolen wrote:
> Enjoy, http://swannodette.github.io/2013/12/17/the-future-of-javascript-mvcs/
>
> David
>
> --
> Note that posts from new members are moderated - please be patient with your
> first post.
> ---
> You received this message because you are subscribed to the Google Groups
> "ClojureScript" group.
> To unsubscribe from this group and stop receiving emails from it, send an
> email to clojurescript+unsubscr...@googlegroups.com.
> To post to this group, send email to clojurescr...@googlegroups.com.
> Visit this group at http://groups.google.com/group/clojurescript.
--
--
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.
Re: ANN: Om, a ClojureScript binding to Facebook's React
Hey David, looks really interesting although I have to be a little critical of your benchmarks. Add a download of 200 todos via xhr and then do the render, you will most certainly lose to other JS Framework out there (especially if you choose EDN over JSON) cause of the extra overhead associated with going from mutable->persistent. I quite like react/om and will certainly play with it although I have some worries concerning deeply nested data, since Clojure isn't exactly performant in that situation. Happy to be proven wrong though. Anyways, nice work. Curious to see/hear more. Cheers, /thomas PS: Found a Bug: add 2 items, delete the first, double click the last remaining. On Thursday, December 19, 2013 8:12:12 PM UTC+1, David Nolen wrote: > > Enjoy, > http://swannodette.github.io/2013/12/17/the-future-of-javascript-mvcs/ > > David > -- -- 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.
ANN: Om, a ClojureScript binding to Facebook's React
Enjoy, http://swannodette.github.io/2013/12/17/the-future-of-javascript-mvcs/ David -- -- 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.
