interesting

I started a Cljsjs wiki page to document which packages work with Closure module processing: https://github.com/cljsjs/packages/wiki/Closure-npm-Module-processing-status

hey 👋 is anybody here using reagent with react 16 beta yet?

I think so yes (alpha 16), no issues so far

hi martin btw 🙂

@gadfly361 - Another soda-ash question... What is the difference between, e.g. Button and FormButton? (When I use it inside a Form, I see that the layout is slightly different, but I can't quite figure what and why it is doing).

@deg FormButton is some sugar to use the button as a control to a FormField. My guess is semantic does some styling changes when a button is used as a control.

(Personally dont use semantic's forms tho)

@mkvlr @pesterhazy React 16 beta 2 is now available at Cljsjs. When testing with Reagent there were some test failures.

@gadfly361 - ok, thanks. Guess I'll have to poke deeper into semantic-ui. (Reason I'm asking is that I've now finished porting one app from re-com to soda-ash. I'm trying to generalize what I did and create a library wrapped around soda-ash that offers something closer to re-com's level of re-frame frienndliness. -- I like re-com's approach; I'm only moving away because they don't play well with touch screens or mobile devices).

Oh that sounds awesome :)

@pesterhazy @juhoteperi thanks, will give it a try then!

hello

how can I write this in reagent?

<input class="jscolor {onFineChange:'update(this)'}" value="cc66ff">

does anyone have experience with colorpickers, maybe you can recommend some lib?

@dimovich that lacks context

Hello all, how the way to generate this [:ul {?}] -> <ul uk-accordion></ul> ?

I tried using http://html2hiccup.buttercloud.com/ but the result is [:ul {:uk-accordion }] that the compiler gets Map literal must contain an even number of forms

have you tried using {:uk-accordion true}? (I don't know if it'll work, but other attributes like checked work this way)

@rgdelato It doesn´t work, and it get worst trying this <ul uk-accordion="collapsible: false">...</ul>

I saw this >Ŝablono only supports tags and attributes that can be handled by React. This means you can’t have your own custom tags and attributes at the moment. For more details take a look at the Tags and Attributes section in the React documentation.

so, I think I can´t use custom attributes in Reagent

why would reagent use soblano?

It doesn't, but the limitation is from React, not sablono

That attrbute looks like you are trying to use some UIKit jquery plugin? That's probably not going to work anyway

Or does UIKit css also depend on those attributes?

But if this works like bootstrap and others, attributes are used to automatically initialize jquery plugins, but this doesn't work with React

If you need to use jquery plugins, you need to initialize them yourself from React lifecycle methods or something

(r/create-class
   {:did-mount (fn [this] (js/UIkit.accordion (r/dom-node this) #js {:opts "foo"})))
    :reagent-render (fn [] [:ul [:li "foo"]])})

Hmm, UIKit mentions it should work with React > UIkit is listening for DOM manipulations and will automatically initialize, connect and disconnect components as they are inserted or removed from the DOM. That way it can easily be used with JavaScript frameworks like Vue.js and React.

Docs also say you can either use uk- or data-uk- attributes

> You can use UIkit components by adding uk- or data-uk-

So this would work with Reagent: [:ul {:data-uk-accordion true} ...]

> NOTE React will work with data-uk-* prefixes only.

@juhoteperi Thanks

If I have a non-reactive atom, can I use its watch function to update some sort of reactive proxy?