Build your first simple Elm app

Elm is a functional programming language aimed at frontend web development. In the words of Evan Czaplicki, the inventor of Elm:

"I wanted to do front-end stuff, but I wanted ... front-end programming to feel really, really pleasant."

Evan is a functional programmer, and he wanted to apply, in practice, some of the academic concepts from functional programming, with the goal to make the whole experience of frontend web development a nicer one.

Elm offers several nice features:

Blazing-fast virtual DOM
Friendly compile-time errors
Zero runtime exceptions
Constraints as guarantees
Piped syntax
Easy refactoring
Increased productivity
Helpful type system
Time-traveling debugger

In Chapter 2 of Elm Web Development, Ajdin Imsirovic guides you through building your first simple Elm app. Along the way, you'll learn about immutable dtata structures; Elm syntax; TEA (The Elm architecture); the concept of unidirectional data flows; and working with Elm REPL and the Ellie-app.

Elm Web Development

Develop scalable and modular web apps with Elm to make web development less messy compared to JavaScript apps. Create a portfolio site, a weather app, and a unit conversion site, and integrate Elm apps with Rails 5. Boost the performance of apps with no runtime exceptions and JS interoperability.

Build your first Elm app

Start your subscription today and you'll get access to this book, plus 300+ other web design and development books in SitePoint Premium!

This week, new subscribers can get 60% off for the first three months. That’s $3 a month to access 400+ tech books and courses — grab the deal here.

Until next time,
James at SitePoint