I want to write an app in Elm (specifically, a Progressive Web App). I want to be able to quickly prototype a UI using premade components from the Wide Web, maybe from npm ecosystem, maybe from React ecosystem. Actually, I’m not sure which, because I’m a JS noob (and I desperately want to stay one).…

You might be looking for http://package.elm-lang.org/packages/rundis/elm-bootstrap/latest or http://package.elm-lang.org/packages/debois/elm-mdl/latest .

Woohoo, that looks cool, thanks! Will certainly try them; should be enough to build some reasonable first prototype on top of them (esp. MDL, given I want to build a phone app). The MDL package seems to have stalled; do you know if any of the numerous forks has picked the ball, by chance? For examp…

It’s surely possible to use JS components in your Elm app and there is nothing wrong with it, but you should do this rather in exceptional cases when reimplementing such components in Elm is impossible or very hard in practice. The most common examples are Google Maps and rich text editor. You have…

I have never used any of the packages, just seen them mentioned in news feeds. So unfortunately I don’t know the state of the forks. I don’t know of similiar packages either.

[image] akavel: The MDL package seems to have stalled; do you know if any of the numerous forks has picked the ball, by chance? I’m using MDL on a prototype project and it’s working well. You are right, from what I heard in the elm-mdl channel it’s stalled and there is a replacement, but don’…

[image] joefiorini: [image] akavel: The MDL package seems to have stalled; do you know if any of the numerous forks has picked the ball, by chance? I’m using MDL on a prototype project and it’s working well. You are right, from what I heard in the elm-mdl channel it’s stalled and there is…

Thank you all very much for your help! I’m going with elm-mdl for now, plus some custom CSS hacking, trying to force it to my will on a case by case basis. I’m scared that CSS will punish me at some point, but for now I’m very satisfied. And I must say I’m genuinely astonished how much easier it is …

Yes, thanks! Actually I’ve already stumbled upon this thread a day or two ago. As of now, I believe I more or less understand how communication with Web Components can be done on Elm side (I think the article on elmprogramming.com is a nice summary; though it doesn’t mention the “Html.keyed” thing, …

@akavel If a Web Component you wish to use is available on npm: https://github.com/halfzebra/create-elm-app/blob/master/template/README.md#installing-javascript-packages

Newbie: using React components in Elm

Learn

kraklin May 15, 2018, 8:27am 10

To use web components in Elm you may find some hints in this thread: Ways of embedding other libs or frameworks into Elm app?

Topic		Replies	Views
Authoring Webcomponents in Elm Learn	4	2440	October 10, 2019
React in Elm with Web Components Request Feedback	4	926	June 15, 2019
Elm-mdc VS mcw-elm Learn	11	1049	August 9, 2020
Material Components for Elm Show and Tell	3	1875	October 11, 2019
ELM widgets library Learn	10	1696	July 5, 2020

Newbie: using React components in Elm

Related topics