State of Scala.js frameworks

• tyrian

  24 310 8.6 Scala

  Elm-inspired Scala UI library.

  

https://github.com/PurpleKingdomGames/tyrian, the elm-way for Scala.js, I'm yet to try it in a real project but it seems promising.

• effect

  25 4,370 9.9 TypeScript

  A fully-fledged functional effect system for TypeScript with a rich standard library

  

FYI there's a ZIO "port" for Typescript (https://github.com/Effect-TS/core) so if you want, you can still write pure FP code in frontend too. I haven't tried it yet though, I myself am a backend engineer and only play with frontend stuff for personal projects, when I've got some time.

• InfluxDB

  www.influxdata.com sponsored

  Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

  

• fp-ts

  97 10,452 7.5 TypeScript

  Functional programming in TypeScript

I never used it myself, but a colleague learned FP using https://github.com/gcanti/fp-ts and only afterwards started working with scala. You might want to give it a go

• ScalaJsReactDemos

  1 11 5.1 Scala
  

Given that you want interoperability with js, I'd start by playing with https://scalablytyped.org/, then, play with the scalajs-react demos (https://github.com/ScalablyTyped/ScalaJsReactDemos) and the slinky demos (https://github.com/ScalablyTyped/SlinkyDemos). There are some libraries that scalablytyped doesn't support pretty well but you can leverage https://github.com/nafg/scalajs-facades for those.

• SlinkyDemos

  2 29 4.9 Scala
  

Given that you want interoperability with js, I'd start by playing with https://scalablytyped.org/, then, play with the scalajs-react demos (https://github.com/ScalablyTyped/ScalaJsReactDemos) and the slinky demos (https://github.com/ScalablyTyped/SlinkyDemos). There are some libraries that scalablytyped doesn't support pretty well but you can leverage https://github.com/nafg/scalajs-facades for those.

• scalajs-facades

  1 9 7.7 Scala

  Facades for scalajs-react

Given that you want interoperability with js, I'd start by playing with https://scalablytyped.org/, then, play with the scalajs-react demos (https://github.com/ScalablyTyped/ScalaJsReactDemos) and the slinky demos (https://github.com/ScalablyTyped/SlinkyDemos). There are some libraries that scalablytyped doesn't support pretty well but you can leverage https://github.com/nafg/scalajs-facades for those.

• Converter

  7 207 7.3 Scala

  Typescript to Scala.js converter

  

Given that you want interoperability with js, I'd start by playing with https://scalablytyped.org/, then, play with the scalajs-react demos (https://github.com/ScalablyTyped/ScalaJsReactDemos) and the slinky demos (https://github.com/ScalablyTyped/SlinkyDemos). There are some libraries that scalablytyped doesn't support pretty well but you can leverage https://github.com/nafg/scalajs-facades for those.

• WorkOS

  workos.com sponsored

  The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

  

• Laminar

  26 712 8.3 Scala

  Simple, expressive, and safe UI library for Scala.js (by raquo)

https://github.com/raquo/laminar, a purely scalajs library based on observables.

• diode

  4 640 0.0 Scala

  Scala library for managing immutable application model

  

c) Diode is my favourite "wiring" library. It is similar to Redux and allows you to handle asynchronous behaviour in your frontend. It has a learning curve but it's not too bad and makes everything so much easier.

• slinky

  15 642 6.4 Scala

  Write Scala.js React apps just like you would in ES6

b) Slinky is by far my favourite React framework. It is simple, well supported and matches up with Javascript so you easily port code. You can use any React UI library you like although my preference right now is Shoelace. I can open source my wrappers if there is interest.

• shoelace-css

  73 11,962 9.6 TypeScript

  A collection of professionally designed, every day UI components built on Web standards. SHOELACE IS BECOMING WEB AWESOME. WE ARE LIVE ON KICKSTARTER! 👇👇👇

  

b) Slinky is by far my favourite React framework. It is simple, well supported and matches up with Javascript so you easily port code. You can use any React UI library you like although my preference right now is Shoelace. I can open source my wrappers if there is interest.

• purescript-halogen

  11 1,510 3.6 PureScript

  A declarative, type-safe UI library for PureScript.

  

There's also Purescript, which is sort of a Haskell for frontend. It has type classes, HKTs and so on and also has a very nice FFI. When it comes to UI libraries there is Halogen which I think is very well though out and allows for using tagless final approach. There's also react-basic but I haven't used that one myself.

• purescript-react-basic

  3 277 0.0 PureScript

  An opinionated set of bindings to the React library, optimizing for the most basic use cases

  

There's also Purescript, which is sort of a Haskell for frontend. It has type classes, HKTs and so on and also has a very nice FFI. When it comes to UI libraries there is Halogen which I think is very well though out and allows for using tagless final approach. There's also react-basic but I haven't used that one myself.

Suggest a related project