Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • Nov 24 20:11
    scala-steward closed #610
  • Nov 24 20:11
    scala-steward commented #610
  • Nov 24 20:11
    scala-steward opened #615
  • Nov 24 20:10
    scala-steward closed #603
  • Nov 24 20:10
    scala-steward commented #603
  • Nov 24 20:10
    scala-steward opened #614
  • Nov 24 20:10
    scala-steward closed #602
  • Nov 24 20:10
    scala-steward commented #602
  • Nov 24 20:10
    scala-steward opened #613
  • Nov 15 06:16
    scala-steward commented #536
  • Nov 15 06:16
    scala-steward opened #612
  • Nov 10 21:18
    scala-steward closed #609
  • Nov 10 21:18
    scala-steward commented #609
  • Nov 10 21:18
    scala-steward opened #611
  • Nov 05 01:25
    scala-steward opened #610
  • Nov 05 01:25
    scala-steward opened #609
  • Nov 02 23:37
    scala-steward opened #608
  • Oct 23 22:22
    scala-steward synchronize #607
  • Oct 23 22:21
    scala-steward synchronize #431
  • Oct 23 22:21
    scala-steward synchronize #518
Gabor Juhasz
@gjuhasz86
so when it's loading it shows a progress indicator, right?
I'm wondering if it can be rewritten to show the previous state while it's loading. I guess it's only possible if I pipe the shouldAggregate through this component's state as well
Alexis Hernandez
@AlexITC
you can certainly override the in progress behaviour to display something else
Gabor Juhasz
@gjuhasz86
yeah. I'll have to hold the previous state somewhere, though. But this gave me an idea.
roughly:
DisplayPrefs { shouldAggregate0 =>
  ItemFetcher(onComplete = gate.release()) { items =>
    Gate(state = shouldAggregate0) { shouldAggregate => 
      (if(shouldAggregate) aggregate(items) else items)
        .map{ item => div(onClick = {fetcher.load(item))(item.name); dispPrefs.setAggregate(true)} }
    }.withRef(gate)
  }.withRef(fetcher)
}.withRef(dispPrefs)
Gabor Juhasz
@gjuhasz86
only hiccup I guess is that whenever I need multiple states to be piped through the same Gate I'll have to change the type of the Gate too.
I like your workaround for implementing generic components. (I still wish it was supported out of the box, though)
Alexis Hernandez
@AlexITC
this could do the trick
Gabor Juhasz
@gjuhasz86
That looks promising. thank you! I'll have take a deeper look into hooks. I haven't used them yet
nkgm
@nkgm
Any working examples of slinky.reactrouter? I'm trying Route("/", DashboardPage, exact = true) but I get required: slinky.core.ReactComponentClass[_].
Alexis Hernandez
@AlexITC
I have one and there is another one
nkgm
@nkgm
Thanks so much @AlexITC, just what I was looking for. I don't see any mention of useParams hook anywhere on slinky.reactrouter. Is there a way of adding it to the existing facade (other than forking slinky itself)?
Alexis Hernandez
@AlexITC
very likely, isn't it being generated already by scalablytyped?
nkgm
@nkgm
I'm looking into that, but would I have to remove slinky.reactrouter completely and use the facade generated by scalablytyped in its place?
Alexis Hernandez
@AlexITC
I don't know about slinky.reactrouter but scalablytyped generated facades generally work quite well
Øyvind Raddum Berg
@oyvindberg
there's a pretty high chance you can mix and match the two approaches, since they both use the same javascript in the end
whether you want to keep two approaches is obviously another question :)
Peter Storm
@peterstorm
Im using the scalablytyped react router stuff with great success :)
nkgm
@nkgm
Just wanted to say thanks, ST works remarkably well so far :)
Peter Storm
@peterstorm
Yeah, irs an amazing piece of kit, that you get access to those libraries in Scala like that
Øyvind Raddum Berg
@oyvindberg
glad to hear it :)
Peter Storm
@peterstorm
How many of the normal libraries can you use in ScalaJS/Slinky by the way? Can i use cats types and cats effect, fs2?
Øyvind Raddum Berg
@oyvindberg
All of those work
Peter Storm
@peterstorm
Can i use http4s clients in scalajs? Do they somehow get translated to real js?
Anton Sviridov
@keynmol
Nope, http4s doesn't have a sjs module AFAIK
You can use sttp
Peter Storm
@peterstorm
Cheers :)
nkgm
@nkgm
Is there a way to spread props like so <table {...myProps}>as you do in React?
Naftoli Gugenheim
@nafg
When would you need to?
Yoichi Yamaguchi
@yyo1

Hi,
I'm using IntelliJ 2020.2 on MacOS and trying to run the example "Slinky for React" in slinky.dev/docs/resources.

  • The application runs successfully on console with sbt command.
  • But InttelliJ doesn't recognize @react annotation.
  • I added this to the library dependencies and slinky-core-ijext_2.13-0.6.6.jar exsists in External Libraries.
  • I have uncheck and check "Enable loading external extensions" at IntelliJ > Preferences > Languages & Frameworks > Scala > Extensions, but there is no extension in the list.

    How can I enable Slinky support?

Gabor Juhasz
@gjuhasz86
@yyo1 I was struggling with this too, I noticed that version 0.6.6 of the extension is not recognized by IJ. But I manually added 0.6.5 and it works with that
nkgm
@nkgm
@nafg it's a useful React idiom when interfacing with existing components eg:
 const tableInstance = useTable({ columns, data })

 const {
   getTableProps,
   getTableBodyProps,
   headerGroups,
   rows,
   prepareRow,
 } = tableInstance

 return (
   // apply the table props
   <table {...getTableProps()}>
...
Yoichi Yamaguchi
@yyo1
@gjuhasz86 Thanks for your information. But unfortunately, it didn't suit my environment (Scala 2.13)...
Gabor Juhasz
@gjuhasz86
@yyo1 note that you don't have to use slinky version 0.6.5.
So I'm using Slinky 0.6.6 with IJ extension version 0.6.5
Naftoli Gugenheim
@nafg
@nkgm in javascript it's very useful because everything is just a hash. But when is it useful in Scala?
In Scala a component typically defines its props as a single type, such as a custom case class
At least in scalajs-react, my understanding was that Slinky does it that way too
Or do you mean for using a component defined in javascript from scala?
In that case it still comes down to how the facade is typed
My point is, if you can explain what you want to do in terms of particular scala types, I can tell you how to achieve it
nkgm
@nkgm
It's the API of react-table from this example.
nkgm
@nkgm
Ok so in this case I got lucky cause it's only attribute pairs. This did the trick:
  def propsToAttrPairs(props: js.Object) =
    js.Object.entries(props).map { e =>
      new AttrPair(e._1, e._2.asInstanceOf[String])
    }
...
  table(propsToAttrPairs(tableProps).toList: _*)(
...
Peter Storm
@peterstorm
Does anyone know what the type parameter to createRef would be, if I want to create a Ref for a MaterialUI TextField?
finnmerlett
@finnmerlett
Does anyone know why slinky decided to do away with the <. prefixing for components? I quite liked it, is there a way to add it in?
Naftoli Gugenheim
@nafg
Anyone using Slinky in scala 3.0.0-M1?
scalajs-react in withDottyCompat mode has lots of issues
mostly because of the overly complex types I think
but also because of a bug
Øyvind Raddum Berg
@oyvindberg
I've just started compiling to slinky on 3.0.0-M1 @nafg , and I'm curious how much works. I guess the lack of macros is going to be quite noticeable :/