It all started when published a . After completing his little series, I really wanted to try out , which he referred to a lot in these articles. Charles Scalfani series of articles about functional programming Elm Introduction is a language and framework in once, which is used to write web applications. It’s an alternative to other client side frameworks like React and Angular. I was really motivated to learn it, as I heard so many great things about Elm and functional in general. Elm programming Still, somehow it didn’t work out between Elm and me. Where Elm shines Elm has some really great features that make it really attractive at first glance. Its are insanely good and feel like having an assistant on your side. error messages Elm’s syntax is . There is no need for parenthesis or semicolons. For example, you can declare a function like this: . One can argue, that the syntax is hard to read, but this should be just a matter of time until one appreciates its simplicity. minimalistic addFunc a b = a + b Then there is which is a better version of Redux. What I mean by that is, the way you manage your applications or components state is similar, but with fewer written code and without having to possibly install additional packages like you probably would in . (some reader right now: Redux is inspired by Elm, you idiot.) The Elm Architecture , Redux Where Elm doesn’t shine Let’s start with something small: import Html exposing (..)import Html.App as Htmlimport Html.Attributes exposing (..)import Html.Events exposing (..) These are probably the first lines of every Elm file you write, where some UI will be composed. If you want to give your HTML element a , you need to import and expose this function from . If you want to listen to events you need to do the same for . I admit, that’s something small, but still kind of annoying. class Html.Attributes Html.Events Handling user inputs A typical scenario on the web: user types something into a text field and presses enter to submit his input. Should be easy to implement, right? Unfortunately, it’s not. This is the code I came up with in the end, which handles this tiny case: import Json.Decode as Json ... onEnter msg =lettagger code =if code == 13 then msg else NoOpinon "keydown" (Json.map tagger keyCode) That’s not nice. What is Json doing there? These are just a few lines of code, but it’s not fun writing them, for such a small case. The same can be accomplished in Vue by simply adding to your input field. v-on:keyup.enter="doSomething" To see how hard it is to manage the value of a select box in Elm, . I didn’t dive into Elm much deeper than handling user events and rendering a list of items, but this experience was enough to know where this journey is going. check out this article Conclusion I didn’t get the “ ” I was hoping for. It wants to compete with React and Vue, but you aren’t as productive with it as with the other two. I didn’t fall in love with Elm, like I did with Vue. Elmlightment I wanted to share my experience with Elm already a few weeks back, but I felt like I was doing something wrong, that I didn’t get Elm. But when , I knew I wasn’t the only one feeling that way. So I finally wrote this article. Anders Hovmöller wrote about his rejection of Elm Hey, my name is Yousef and I’m doing UI challenges in React Native and write about my experiences with client side technologies. If you like it, please hit the ❤️ button and follow me for more! is how hackers start their afternoons. We’re a part of the family. We are now and happy to opportunities. Hacker Noon @AMI accepting submissions discuss advertising &sponsorship To learn more, , , or simply, read our about page like/message us on Facebook tweet/DM @HackerNoon. If you enjoyed this story, we recommend reading our and . Until next time, don’t take the realities of the world for granted! latest tech stories trending tech stories
![Comparing the Best TypeScript Alternatives [Part I]](https://hackernoon.imgix.net/images/XIlys8PrM8eJ7n0qjETjuC0lbkB2-dze3qzq.jpeg?auto=format&fit=max&w=3840)
