Current Status and Goals

[jim108dev]

Hi @srghma! I am looking for a UI library for Halogen which looks good on mobile. I have tried the live demo: https://srghma.github.io/purescript-halogen-material-components-web

First of all, thank you for building such a library. Second, there are a lot of components missing in comparison to

https://aforemny.github.io/material-components-web-elm

Are you planning to implement them?

I also tried to the old-impl:

git clone https://github.com/srghma/purescript-halogen-material-components-web.git
git checkout old-impl
npm install
npm run dev
> purescript-halogen-material-components-web@0.21.1 dev
> babel-node --presets '@babel/preset-env' ./webpack/dev.js

spago: 
↳ ./spago.dhall
  ↳ ./packages.dhall
    ↳ https://raw.githubusercontent.com/srghma/my-purescript-package-sets/master/packages.dhall sha256:6d1a867eb821ae07fea3021b3df23c083c30137d644767e271503c32aa460fd4

Error: Import integrity check failed

Does it have more components? What do I have to do to see the demo?

Thanks!

[srghma]

hi

see the demo

current version is updated to purs v0.14

i'm using it in https://github.com/srghma/purescript-halogen-nextjs (WIP, doesnt compile yet on https://github.com/srghma/purescript-halogen-nextjs/commit/e072ed7ab581d83f9b5e3c3b38786b0f877aed69)

you will need

https://github.com/srghma/my-purescript-package-sets https://github.com/srghma/package-sets/tree/prepare-0.14

the compiled version of ./demo in ./docs folder is the latest

you have seen it in https://srghma.github.io/purescript-halogen-material-components-web/

other components

currently we have:

• buttons with ripple, but as I see ripples are not working after I have updated to "material-components-web": "~10.0.0",

P.S. I will not probably use ripples in my own project (which requires component with state), just HTML of a button

• inputs, seems like there are no errors

other components: I would like to add them, but don't know when, I need table and form components

if you want to help with adding them you should check:

• https://github.com/material-components/material-components-web - because this project is basically reimplementation of their js lib which adds handlers
• maybe https://github.com/material-components/material-components-web-components - the first version of THIS lib (the old-impl branch) was using this lib instead of reimplementing, but it didn't work with hydration
• https://github.com/aforemny/elm-mdc - the ripple were implemented based on this implementation, but without https://github.com/aforemny/elm-mdc/blob/master/src/elm-mdc.js , because we are in purescript

[jim108dev]

Thank you for the quick response. I need table and form components, too, and radio buttons and menus and badges and cards ...

https://github.com/purescript-react-basic-mui/purescript-react-basic-mui seems to have implemented more components already, what's wrong with this library?

[srghma]

seems to have implemented more components already, what's wrong with this library?

it's for react, not halogen

pros of halogen is that it can be much faster than react and smaller in size (because it is without legacy code)

it already gives much more control over when to do rendering

cons is that:

• implementation seems to create 1 vdom engine per component
• hydration is still not merged because core members of community are busy with purs 0.14 migration
• one still have to use hooks library, which allows better api (in react it's implemented with ugly mutation, in halogen - with interpreter of free data structure, I'm still learning the halogen-hooks)