DEV Community

Dwayne Crooks
Dwayne Crooks

Posted on • Edited on

Is anyone interested in an Elm tutorial?

I'm interested in writing an Elm tutorial but I'm not sure what you all would want from such a tutorial.

My gut feeling is that there is a need for a tutorial that shows you how to build a SPA from start to finish.

There's,

GitHub logo rtfeldman / elm-spa-example

A Single Page Application written in Elm

RealWorld Example App

👉 I gave a talk to explain the principles I used to build this. I highly recommend watching it!

Elm codebase containing real world examples (CRUD, auth, advanced patterns, etc) that adheres to the RealWorld spec and API.

Demo    RealWorld

This codebase was created to demonstrate a fully fledged fullstack application built with Elm including CRUD operations, authentication, routing, pagination, and more.

For more information on how this works with other frontends/backends, head over to the RealWorld repo.

How it works

Check out the full writeup!

Building

I decided not to include a build script, since all you need for a development build is the elm executable, and all you need on top of that for production is Uglify.

Development Build

Install Elm (e.g. with npm install --global elm), then from the root project directory, run this:

$ elm make src/Main.elm --output elm.js

If you want to include…

and he gave a talk,

and wrote a post,

about it.

Is that sufficient?

Do you need a more detailed breakdown of elm-spa-example?

Would you like a detailed breakdown of a different app entirely? Which one?

Your thoughts on these questions will help me decide on what to focus my attention.

Top comments (10)

Collapse
 
ssimontis profile image
Scott Simontis

Some topics that I don't think have been covered well in the official documentation:

  • Web components...yay or nay?
  • The SPA example would definitely be a very good way to thoroughly tie together all the parts of Elm
  • Taking advantage of the parser library to do something cool...perhaps creating a DSL for building forms or something else that would simplify really tedious tasks?
  • Elm and JS interopt, or strategies for gradually introducing your team to Elm.
  • Some high-quality automated testing, possibly even from a TDD perspective.
Collapse
 
dwayne profile image
Dwayne Crooks

Nice! Thanks for these suggestions.

Collapse
 
ssimontis profile image
Scott Simontis

Also, since you seem to be the biggest evangelist for Elm right now, could you recommend any specific Elm projects that need help?

Thread Thread
 
dwayne profile image
Dwayne Crooks

you seem to be the biggest evangelist for Elm right now

I have an interest in Elm that I'm exploring deeply. I share what I learn but I'm no evangelist for Elm.

could you recommend any specific Elm projects that need help?

None that I'm aware of at the moment.

Collapse
 
dwayne profile image
Dwayne Crooks

Since I have you here.

What tutorial would YOU be most interested in reading (from your list or otherwise)? Are you currently trying to build something and struggling?

Collapse
 
ssimontis profile image
Scott Simontis

Definitely parsing, I love learning about compilers!

Collapse
 
rametta profile image
Jason

Would love to read a tutorial about the parser too !

Collapse
 
cyprian_dev profile image
Cyprian

I love what you do with it, was telling my friend about you today and yes I'd love to learn it please..make a tutorial for it, text or video is fine..thanks

Collapse
 
cam profile image
Cam Stuart

Anything real world, as in the kind of stuff we need to build day to day. and anything with elm-ui!

Collapse
 
csaltos profile image
Carlos Saltos

A more complete tutorial can be found at udemy.com/course/elm-the-complete-...