Clojurians Log v2

does anyone know how to convert this JSX into clojurescript?

<VictoryBar
  data={sampleData}
  labelComponent={
    <VictoryTooltip
      center={{ x: 225, y: 30 }}
    />
  }
/>

[:> VictoryBar {:data sampleData
                :labelComponent [:> VictoryTooltip]}]

@kanwei You haven't give much information about what you have done (eg where does VictoryBar come from in the hiccup you show) and what is it that doesn't work exactly. But ... my guess is that this information will help: https://github.com/reagent-project/reagent/blob/master/doc/InteropWithReact.md

@mikethompson thanks, I've read that page

the issue is passing a component as an attribute to another component

the VictoryTooltip doesn't work, also tried

:labelComponent (reagent.core/as-element [:> VictoryTooltip])

never mind, the latter worked

Yep! For re frame, the transport layer would be the events and subscriptions and entities would be the dB.

Does anyone know any good table libraries to use with re-frame?

What features are you looking for from the table ?

@lucio I'd like to easily customize the styling, search, ordering by specific columns... I'm not certain what features I might need but things like these

I already am thinking of using react-table. But I wonder if there's something written in re-frame out there.

There’s this https://github.com/armincerf/reagent-datatable .. it’s not all round finished but you can customize everything very quickly

You can just paste the code in your project and play with it as it’s really just a couple of namespaces

I wrote this a while back, but it’s not well documented. You might draw some inspiration from it though https://github.com/bdo-labs/ui/tree/master/src/cljc/ui/element/numbers

Anyone have some solid ways to mock service calls? I want to use some flag to switch handlers to return some mocked data instead of actually hitting an endpoint.

@grant.isom I am not sure what you mean by solid.. but a simple if in your http events can do the job. Let me explain. With figwheel, you can use the option :closure-defines and add something like this:

{:closure-defines {your.ns/dev-mode true}
 ...}

{:closure-defines {your.ns/dev-mode #profile {:dev true :prod false}}
 ...}

(if your.ns/dev-mode
 "code for dev mode"
 "code for prod mode")