hey, what's the meaning of #object[Object [object Object]] ? I println some Vars and it output this.

hey, is there anyone knowing the meaning of following code snippet?

(defprotocol IReset
  "Protocol for adding resetting functionality."
  (-reset! [o new-value]
    "Sets the value of o to new-value."))

The first parameter in the protocol definition need not be called this, but that is what it is, I am pretty sure.

It might need to be called this when inside of a deftype form, for example, to define the implementation of such a protocol method. The parameter names used when the implementation is given need not match the ones used inside defprotocol

The name is completely open, no special meaning to this

does cljs.test support :test-selectors from project.clj?

no.

it is a pity

was it a conscious decision then?

clojure.test doesn't support that either

it is leiningen supporting clojure.test

lein test?

yes

how would you write JS like this in CLJS? <motion.div />

(motion.div ) ?

(.createElement js/React (.-div js/motion))

but I assume you are using React wrapper in cljs?

thanks for the response :thumbsup: . Yes, I'm using a React wrapper. It should allow me to use motion directly, but the "dot div" .div is causing it to fail, I think.

@jakobssonrobin which one are you using? Reagent?

Hey, how do you use a react UI component in ClojureScript? It's state and some method props really tricky to dispose.

@roman01la Fulcro

ah ok, not familiar with it but in Reagent there’s interop syntax for js components [:> js/motion.div props]

ah, cheers. thanks

@roman01la But some bare React bare Component rerender when it self state flush.

For example, a UI from react-native-elements, the onChangeText only need a state to rerender a Component.

import { SearchBar } from 'react-native-elements';

export default class App extends React.Component {
  state = {
    search: '',
  };

  updateSearch = search => {
    this.setState({ search });
  };

  render() {
    const { search } = this.state;

    return (
      <SearchBar
        placeholder="Type Here..."
        onChangeText={this.updateSearch}
        value={search}
      />
    );
  }
}

Does anyone have experience using Material UI in Reagent? I’m trying to use ThemeProvider but I get the following error. TypeError: _styles.withStyles is not a function Even though I’m not using withStyles. Here’s my code:

Based off of this: https://codesandbox.io/s/kd7lq

@jakobssonrobin As a general rule, in Fulcro you want to wrap the JS library classes in a ui-factory. See http://book.fulcrologic.com/fulcro3/#_using_javascript_react_components - Also, there is a #fulcro channel on Slack where you may want to ask in the future.

got it working by doing this (def motion-div (create-react-element (.-div motion)))

@kevin.van.rooijen the code you posted is using react hooks (ie. useStyles). that is not supported by reagent. can't tell if you are using that or not.

@kevin.van.rooijen Due to the lack of react hooks in reagent I made the switch over to hx. If you want to stay in reagent the only way I managed to make hooks of third party libraries work was to opt-out of reagent and opt-in again:

(defn Component []
  (let [[ob setOb] (react/setState #js {})]
    (reagent/as-element [:div ..... ])

[:> Component ...]

@thheller @alpox Thank you, this clears up a lot

how does reagent trigger react component’s re-render? I know that reagent keep a deref list of components to triggger re-render upon ratom update, but they are not react component’s props or state, how does reagent notify react which components did update?

I think it calls .forceUpdate on component instance

any good article about how to do server side rendering with reagent?

I just tried copy the html, paste it as the first page. it open instantly, however, when javascript ready, this is a whole re-render of whole page which cause a flicker.

Hi :spock-hand: . I really need help integrating reagent with the current React/TypeScript codebase.

Regarding questions on all numbers in JS, and thus ClojureScript, being floating point, I found in ECMA-252 standard the section "6.1.6 The Number Type" that goes into significant detail on this. Basically all Number type values are 64-bit double precision IEEE 754 floating point numbers. That spec even helpfully points out that all integers from -2^53 to +2^53 an be represented exactly in this format (I might be off by on there on the endpoints of that range). Cool. That is a pretty reasonable sized exact range for integer operations.