Everything about Slinky -- issues, ideas for features, where it's being used, and more
Another question, I'm struggling to force a refresh for the whole component, given react-faq, something as simple as this custom hook should be enough, but for some reason, it isn't, I have added debug logs, and the counter gets updated properly but the component isn't rendered again as expected:
def forceRefresh() = {
val (_, increment) = Hooks.useReducer[Int, Int](_ + _, 0)
() => increment(1)
}
thanks, it's basically the same as what I posted, I think my problem relates to a component that uses the
Hooks.setEffect(..., ""), which prevents the effect from running multiple times, unfortunately, I have no idea how to force such effect to run again without getting in executed indefinitely
Anyway, I ended up writing this: https://github.com/wiringbits/cazadescuentos/blob/master/lib/ui/src/main/scala/net/wiringbits/cazadescuentos/ui/components/RemoteDataLoaderBase.scala
I'm not 100% happy with the solution but it works, thanks for the help
@shadaj yeah really great work you and the Slinky community did -keep up the excellent work:). By the way I saw that the link not works anymore - here is the published one:
https://pme123.medium.com/slinky-doing-react-the-scala-way-f78ccf42bf8f
https://pme123.medium.com/slinky-doing-react-the-scala-way-f78ccf42bf8f
Phase3Compile.scala:125 Building C:\Users\phn.ivy2\local\org.scalablytyped\std_sjs1_2.13\4.0-34aa7a\jars\std_sjs1_2.13.jar... [thread => 177, project => conn...
Anyone have experience with that? It's been going for ages and complains about spending too much time garbarge collecting
Im using sbt
Is there an example on how to integrate JavaScript code that is not a React Component? According to the doc are External Components just for them.
I have the following I want to use with Slinky. Using External Components did not work.
I have the following I want to use with Slinky. Using External Components did not work.
import Modeler from 'bpmn-js/lib/Modeler';
const modeler = new Modeler({
container: $modelerContainer,
moddleExtensions: {
custom: customModdleExtension
},
keyboard: {
bindTo: document.body
}
});
@nafg - thanks I found my problem - see https://stackoverflow.com/questions/64740345/how-to-translate-javascript-class-to-scalajs/64741174#64741174
But I get this error when I try to do it to an svg tag:
type mismatch;
found : slinky.core.AttrPair[slinky.web.html._aria_attr.type]
required: slinky.core.TagMod[slinky.web.svg.svg.tag.type]
No one able to help with this please?
Error is this: type mismatch; found : slinky.core.AttrPair[slinky.web.html._aria_attr.type] required: slinky.core.TagMod[slinky.web.svg.svg.tag.type]
scalajs-react has similar types and it relies on an implicit, which means you need a certain import
@peterstorm my guess is that the slinky dom dsl has declared that aria attributes are not valid for svg elements, this is done through implicits. Check the companion object of the
svg you're using, you can copy/paste and customize one of the implicits to explicitly allow it in your code
Maybe it's because it uses the wrong operator? Its overloaded and can come from different places
But an AttrPair extends a TagMod
I was using the wrong aria
but then I did a
role and it prefixed it all with slinky.web.svg and I thought, maybe there's an aria one for that
And there was! :D
But the compiler says
value apply is not a member of slinky.core.facade.ReactElement
The react annotation
that's the way to pass the component, I even have something similar (see), sometimes the macro highlights errors but sbt compiles fine
I'm probably super confused because it's in a trait, and without the react annotation, but it's a cool project to learn from it seems!
1 reply