javascript - Wire up Elm lang and Semantic UI - Stack Overflow

admin管理员组

文章数量:1279175

How easy is it to use ready-made jQuery plugins in Elm? I'm just starting to learn Elm lang and I'm curious if it's possible to use Semantic UI's dropdowns in my application. How should one approach such task? Without libraries like Semantic UI it's pretty hard to make proper dropdowns for mobile, for example, and writing all that code from scratch seems like reinventing the wheel.

How easy is it to use ready-made jQuery plugins in Elm? I'm just starting to learn Elm lang and I'm curious if it's possible to use Semantic UI's dropdowns in my application. How should one approach such task? Without libraries like Semantic UI it's pretty hard to make proper dropdowns for mobile, for example, and writing all that code from scratch seems like reinventing the wheel.

• javascript
• html
• functional-programming
• semantic-ui
• elm

Share Improve this question Follow edited May 24, 2016 at 11:53 therealmarv 3,74244 gold badges2525 silver badges4242 bronze badges asked Aug 11, 2015 at 13:08 Victor MarchukVictor Marchuk 13.9k1212 gold badges4545 silver badges6767 bronze badges 4

• I think what you need is ports – Mirzhan Irkegulov Commented Aug 11, 2015 at 14:30
• Could you elaborate? Do I create a port for each dropdown and update it whenever a corresponding part of the state has been changed in update function? Sounds like a ton of boilerplate. – Victor Marchuk Commented Aug 11, 2015 at 19:33
• I have this issue as well, having a site already in semantic-ui. – alesch Commented Aug 24, 2015 at 11:36
• 1 Not Semantic UI related but a working Bootstrap Dropdown You can also use most of CSS only party of Bootstrap with Elm (which is a lot). – therealmarv Commented May 26, 2016 at 14:20

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 8

It's not a good idea. Elm is pure. That means for any given state, we can generate the UI. And to programatically change the UI, the state must change.
The entire reason for using Elm is because of the belief that impurity is difficult to reason about, and purity is preferred.

jQuery makes it possible for an action to directly read & modify the UI without changing the application state. It's impure.

Thus Elm and jQuery are fundamentally at odds and you will likely get into a mess trying to get the two to work together.

Probably the easiest way to proceed is find a CSS library that doesn't require JS, that gives you a reasonable set of ponents to work with (e.g. http://purecss.io/) and use Elm in conjunction with that.

I don't know about jQuery specifically, but Elm has a Ports / Interop System specifically for using existing Javascript libraries and avoiding re-inventing too many wheels. I haven't use it but it might fit your needs.

本文标签： javascriptWire up Elm lang and Semantic UIStack Overflow