If I want to leverage pre-existing React components (like for example https://github.com/azmenak/react-stripe-checkout), how do I go about getting Reagent to render it ?

jstaffans: reagent.core/adapt-react-class

mccraigmccraig: thanks for the hint. But I assume that Reagent has to "know" about the component when I apply adapt-react-class. In JavaScript, I would install the component with npm and do something like var Checkout = require('react-stripe-checkout') in my code

I'm not sure how to include the component in my project in the first place

@jstaffans: ha, i've got no idea about that - i've only worked with components with globally visible names and no need to mess around with commonjs or requirejs or such things

so how do you achieve those globally visible names?

I guess I could load the component via a <script> tag ..

react addons already have them... otherwise if you've got something wrapped in some module structure i guess you'll have to write some js which includes them and stuffs a reference somewhere globally visible

you have to be careful with <script> tags - you many need an externs file for use with advanced compilation - https://github.com/clojure/clojurescript/wiki/Compiler-Options#externs

@jstaffans: if you are lucky the lib you need will already be here - http://cljsjs.github.io/ - and you can include it from clojars

I was just checking that out .. maybe I can package it myself

Looking at the source it might also be an option to just make an equivalent component in cljs?

martinklepsch: unfortunately it's a rather big and complicated one

(not the one I used as an example above)

What's the best way to handle text fields in Reagent?