Clojurians Log v2

Correct!

Are there any trade offs with doing so?

Not that I know of

So according to 1.0.0-alpha1 reagent release. We can now directly use hooks, without having to call r/as-element. Which is fantastic! However, when following this example https://github.com/reagent-project/reagent/blob/master/examples/functional-components-and-hooks/src/example/core.cljs on a shadow-cljs version 2.8.110. I get this error saying that “hooks should be used only in a functional component.“. Does any one have any idea why this is happening.

could be that the option to create-compiler is :function-components? , not :function-components . See https://github.com/reagent-project/reagent/blob/master/CHANGELOG.md

Hello, I am trying to use AWS Amplify Authentication in a re-frame app. The lib provides a higher order component withAuthenticator, I am trying to use reactify-component and adapt-react-class but unfortunately I get the following error: > Uncaught TypeError: Failed to construct ‘HTMLElement’: Please use the ‘new’ operator, this DOM object constructor cannot be called as a function. Here is my code:

(defn main-panel []
  [:div
   [:h1 "Hello" ]])

(def root-view
  (reagent/adapt-react-class
    (withAuthenticator
      (reagent/reactify-component main-panel))))

(defn ^:dev/after-load mount-root []
  (re-frame/clear-subscription-cache!)
  (aws-config/configure)
  (re-frame/dispatch-sync [::events/initialize-db])
  (reagent/render [root-view]
                  (.getElementById js/document "app")))

I was wondering if anyone knows what the configurable compiler mentioned in the project for https://www.clojuriststogether.org/projects/ would entail?

Could it mean for example we can use https://github.com/borkdude/sci as a compiler (environment) for Reagent?

(I would love that :))

https://github.com/reagent-project/reagent/blob/master/doc/ReagentCompiler.md

(https://github.com/reagent-project/reagent/issues/495)

@juhoteperi Thank you!

Would it be possible to mix functional and class components?

Yes. The :f> shortcut in the master makes this very easy.

Or if you make function components the default, create-class will create class component.

btw @juhoteperi why is compiler not a good name? Because it happens at runtime? Is that a strict definition of what a compiler is? I think it can’t be an interpreter, because there is no new interpretation after the first “compile”. Compiler feels right to me? (Disclaimer: i didn’t study computer science so maybe I’m too flexible in these terms)

so we could mix the old and new code easily? I can't wait for this 🙂 Do you have an example?

Thanks a lot for maintaining the library by the way!

Ran my first reagent + electron app today!

congrats!

I saw that Reagent released couple of features recently, two of them being :f> which is the short cut to create functional react components from reagent component and :r> which does the opposite, without converting the props from js to clj like :> macro does. I understand what they do, but I am having hard time understanding the in what cases they might be used?