@martinklepsch Ah so is the magic the use of ^:dynamic? I’m still new to Clojure so I just came across that.

@jupl basically, yes. Since component context is a React thing and we don't run React on the server we want a similar construct. Clojure's dynamic vars provide that kind of feature. I think usually it is advised to use it as little as possible but in this case I believe it is the right choice.

@martinklepsch Yeah I totally agree. Thanks!

Hi everyone, is there a way to to export a rum export for use in a large react application? For example: (def ^:export rumComp (rum/defc hello-world [] [:h1 (:text "hello world”)])) could I then use <rumComp /> in plain React?

Trying to find ways to use clojurescript at work

Well, you'll need a react class then

Actually, you might use rumComp directly as a factory function

It probably doesn't keep export attribute though, but it's easy to fix

so looking at here: https://facebook.github.io/react/docs/react-api.html#createfactory, you’re suggesting maybe try a using React.createFactory(type)?

for now, just use (def ^:export rumCompExp rumComp)

no, just call rumCompExp()

it’ll return an element

ah

alright I try that, thank you!

and for the work, datascript and rum are why I keep trying to get clojurescript in at at work

great!

if you need class, something like that should work: (def ^:export rumCompClass (:rum/class (meta rumComp))

hmm am I missing something, if look at the rumCompExp fn and try to run it I get … not a function. In devtools it says its a cljs.core.MetaFn

hm

using fighwheel with rum option

create-react-app as the demo app

try with the class then

I have no idea what MetaFn is

usually cljs fns are directly callable

btw was trying to call the fn in JSX like this {rumCompExp()}

with class: cannot read :rum/args of undefined

maybe it’s because export is not defined on an actual fn, but only on a def var

ok I’ll have to investigate that then

just had an another idea

try (defn ^:export rumCompExp [] (rumComp)) :)

probably MetaFn is a fn with unknown amount of arguments

that’s why you can’t directly call it

ok so given this:

(def ^:export rumComp (rum/defc hello-world []
                        [:h1 (:text "hello world")]))

(defn ^:export rumCompExp [] (rumComp))

I get <h1></h1> in the html

no errors

but no text

just

(rum/defc hello-world []
                        [:h1 (:text "hello world")]))

(defn ^:export rumCompExp [] (hello-world))

still empty <h1>

import React, { Component } from 'react';
import logo from './logo.svg';
import './App.css';

const rumCompExp = window.rum_test.core.rumCompExp;

class App extends Component {
  render() {
    return (
      <div className="App">
        <div className="App-header">
          <img src={logo} className="App-logo" alt="logo" />
          <h2>Welcome to React</h2>
        </div>
        <p className="App-intro">
          To get started, edit <code>src/App.js</code> and save to reload.
        </p>
        {rumCompExp()}

      </div>
    );
  }
}

export default App;

well, now it’s strange

are you sure you have no compilation errors in figwheel?

let me reload the config

haha

ok, that was silly error on my part

(:text “hello world)

I was trying not to use the template’s atom and just put in the string quickly

doh

still compiled correctly though

trying to access :text on a string is valid ?

not sure if valid or not, but certainly doesn’t make sense

works now : )

thanks again