reagent

A minimalistic ClojureScript interface to React.js http://reagent-project.github.io/
v 2020-05-01T00:28:23.334800Z

@thheller Hi thomas, I am trying to use framer with your excellent shadow-cljs library in a reagent application. When I try to import the module. I get this error. Do you know why this might be the case. I tried googling first but couldnt get an answer

Compilation failed!
Closure compilation failed with 1 errors
--- node_modules/framer/build/framer.js:2
Class names defined inside a function cannot be reassigned.
here is the component
(ns <http://slack.app|slack.app>
  (:require [slack.views :refer [nav channel]]
            ["framer" :as f]))

2020-05-01T04:47:52.335100Z

@thheller Do you have any hints on this one? I am new to all of this (CLJS, shadow-cljs) and have the same question. Thanks.

thheller 2020-05-01T06:55:14.335700Z

@vishal.gautam framer compiled fine for me. which version do you use? shadow-cljs and framer?

thheller 2020-05-01T07:03:14.335900Z

I don't know. I suspect wrong REPL use

v 2020-05-01T14:06:32.338800Z

@thheller I was using older version of shadow-cljs, Then I upgraded to latest version on package.json ie. "shadow-cljs": "2.8.109" , deleted node_modules, reinstalled everything and restarted the server, and I still get this error. Framer I am using this version: "framer": "1.1.7" .

thheller 2020-05-01T14:07:52.339200Z

do you use only shadow-cljs.edn or also project.clj/deps.edn?

thheller 2020-05-01T14:09:07.339600Z

you can try :compiler-options {:output-feature-set :es6} in your build config

1🎉
v 2020-05-01T14:15:40.339900Z

I am using shadow-cljs.edn only. Okay that did the trick! Danke! 😉

Johnson 2020-05-01T15:26:56.340500Z

Hey, was hoping to get some help. I'm trying to use the react-particles-js library with a reagent/re-frame project, I can get it to display, but the interactivity/hover isn't working. Was wondering if there is something glaringly obvious I'd missed, pretty new to this. This is the element in question:

[:&gt; Particles
        {:particles {:number {:value 200
                             :density {:enable true
                                       :value_area 1000}}}
         ;; This bit doesn't work:
         :interactivity {:detect_on "canvas"
                         :events {:onhover {:enable true
                                   :mode "repluse"}}}]
Thanks for your help