Elm in Production: Developer Reflections After 34k Lines of Code

This is a common UI pattern that is a bit difficult to achieve in Elm. Something like render props from the React world or <em>transclusion</em> if you have escaped from the angular world.

Render props for Elm

Our <a href="https://www.mmhaskell.com/haskell-web" target="_blank">Haskell Web Series</a> covers a lot of cool libraries you can use when making a web app. But one thing we haven’t covered yet on this blog is using Haskell for front-end web development. There are many libraries and frameworks out there. <a href="https://www.yesodweb.com/" target="_blank">Yesod</a> and <a href="http://snapframework.com/" target="_blank">Snap</a> come to mind. Another option is <a href="https://github.com/reflex-frp/reflex" target="_blank">Reflex FRP</a> which uses GHCJS under the hood.

Elm: More Functional Frontend!

This is a post about what I worked on this month, why I was motivated to work on it, and the lessons that I learned. As the title says, the project is a clone of <a href="https://www.typeform.com/" target="_blank">Typeform</a>, which is a web application for building and sharing nice looking questionnaires. Here is a <a href="https://dstreet26.github.io/elm-phoenix-typeform-clone/" target="_blank">demo</a>. Here is the <a href="https://github.com/dstreet26/elm-phoenix-typeform-clone" target="_blank">source</a>. Also here is a gif:

Creating a clone of Typeform with Elm and Tachyons

Two years ago, I was asked by a company I was working for to learn <a href="http://elm-lang.org/" target="_blank">Elm</a> — a functional front-end programming language. I found the syntax strange and the functional programming paradigm difficult. We ended up moving to other front-end frameworks and eventually all but forgot about Elm.

Elm Reflections

Most language tutorials start with language features: here are numbers, here are strings, in a way ever so slightly different from other languages. Not this one. I’m hunting the big game.

Elm Semantics for JavaScript Developers

Disclosure — I don’t have all the answers to the problems I am posing here — as ever, there is more than one way!

The importance of state ownership in Elm

In this part of the article we’re going to write our own library using <a href="http://github.com/wende/elmchemy" target="_blank">Elmchemy</a>.&nbsp;<br>If you haven’t read <a href="https://medium.com/@krzysztof.wende/elmchemy-write-type-safe-elixir-code-with-elms-syntax-part-1-introduction-8968b76d721d" target="_blank">part one</a> yet, it’s strongly advised. It covers the basics of starting a new and <a href="https://hackernoon.com/tagged/integrating" target="_blank">integrating</a> an existing project with <a href="https://hackernoon.com/tagged/elmchemy" target="_blank">Elmchemy</a> compiler.

Elmchemy — Write type-safe Elixir code with Elm’s syntax — part 2 — Our own RPG character module

Good friend of mine said I should learn Elm.

Should I Learn Elm If I Am a JavaScript Developer?

A while ago <a href="https://www.thoughtworks.com/radar" target="_blank">ThoughtWorks</a> released an <a href="https://github.com/thoughtworks/build-your-own-radar" target="_blank">open source repository</a> for anyone to host their own personal <a href="https://hackernoon.com/tagged/technology" target="_blank">technology</a> radar.

Rewriting the ThoughtWorks Tech Radar in Elm

We all love Elixir. It’s expressive, it’s extremely readable and - first and foremost - It runs on BEAM — an incredible virtual machine that turns concurrency into something as natural and expected as NullPointerExceptions in Java 7.

Elchemy - Write type-safe Elixir code with Elm's syntax - part 1 - Introduction

On iterating and decoding sum types in Elm

elm is an all in one data tool for food & drink brands. By using elm, brands can automate their sales data so that they can spend more time focused on revenue growth. Our data solution works with all major retailers in the UK and with e-commerce platforms such as Shopify and Amazon.

ELM

getelm.co

1,001 - 5,000 emps

Since 2020

Worth 72.4B

ELM (7203)

EVERGREEN INDEX #5904

elm's stories on HackerNoon

Elm in Production: Developer Reflections After 34k Lines of Code

Render props for Elm

Elm: More Functional Frontend!

Creating a clone of Typeform with Elm and Tachyons

Elm Reflections

Elm Semantics for JavaScript Developers

The importance of state ownership in Elm

Elmchemy — Write type-safe Elixir code with Elm’s syntax — part 2 — Our own RPG character module

Should I Learn Elm If I Am a JavaScript Developer?

Rewriting the ThoughtWorks Tech Radar in Elm

Elchemy - Write type-safe Elixir code with Elm's syntax - part 1 - Introduction

On iterating and decoding sum types in Elm

elm's Related Companies

Representing this company? Click here to claim and customize this page!

Reviews About elm

elm WIKI

Apply to get your Tech Company News Page live on HackerNoon.com today!

Light-Mode

Classic

Newspaper

Minty

Dark-Mode

Neon Noir

Minty

HN StartUps

ELM

getelm.co

1,001 - 5,000 emps

Since 2020

Worth 72.4B

ELM (7203)

EVERGREEN INDEX #5904

elm's stories on HackerNoon

Elm in Production: Developer Reflections After 34k Lines of Code

Render props for Elm

Elm: More Functional Frontend!

Creating a clone of Typeform with Elm and Tachyons

Elm Reflections

Elm Semantics for JavaScript Developers

The importance of state ownership in Elm

Elmchemy — Write type-safe Elixir code with Elm’s syntax — part 2 — Our own RPG character module

Should I Learn Elm If I Am a JavaScript Developer?

Rewriting the ThoughtWorks Tech Radar in Elm

Elchemy - Write type-safe Elixir code with Elm's syntax - part 1 - Introduction

On iterating and decoding sum types in Elm

elm's Related Companies

2003

471.6B

3%

2016

243.2B

1988

175.3B

2013

100B

1894

81.8B

1999

73.3B

-1%

Representing this company? Click here to claim and customize this page!

Reviews About elm

elm WIKI

Apply to get your Tech Company News Page live on HackerNoon.com today!

Light-Mode

Classic

Newspaper

Minty

Dark-Mode

Neon Noir

Minty

HN StartUps