Today, we will try to learn Elm together. Before starting to develop in Elm, we need to follow some instructions to have a working dev environment.
You need to download and install Elm through the following link.
Install a plugin for your editor to be able to understand Elm. You can find some instructions for these editors (I advice you to use IntelliJ or VS Code):
If you don't want to set up a dev environment, you can use the Ellie online editor – a link will be provided at each step.
elm-format is a code formatter that will format your Elm code according to a standard set of rules. It looks a lot like prettier, for those who know it. This is not mandatory but strongly advised as it will really improve your experience with Elm.
Follow the instructions on the elm-format page and don't forget to configure your IDE to work with elm-format.
You now need to get the code from this repository, either by downloading the archive (click here) or by cloning it:
git clone https://github.com/jgrenat/elm-workshop.git
cd elm-workshop
This workshop is divided into several folders corresponding to one step each. To start, first execute the following commands into your terminal at the root of this repository:
elm reactorYou can then open the link http://localhost:8000/. As you can see, elm-reactor allowed us to launch a basic dev environment, and you can see the different folders for each step of the project. You can now start by going into the step 1.
If you need a little reminder about the syntax, you can check this cheat sheet.