elm-format
ellie
Our great sponsors
elm-format | ellie | |
---|---|---|
5 | 7 | |
1,306 | 719 | |
- | 0.6% | |
5.6 | 0.0 | |
about 1 year ago | over 1 year ago | |
Haskell | Elm | |
BSD 3-clause "New" or "Revised" License | BSD 3-clause "New" or "Revised" License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
elm-format
-
Using the Builder Pattern for Elm Components
Keep in mind for the pipes, many in Elm, whether they’re using elm-format or not, will break the pipes to a different line in case there are many of them. For some, they find this more readable (I’m in that group). Let’s show an example of that using the same pattern to design a Paginator, the row of numbered buttons that allow you to move between pages of data.
-
Elm 2021, a year in review
9ᵗʰ - Aaron VonderHaar releases a new version of elm-format.
-
Setting up an Elm project in 2022
Unlike Javascript, Elm has an official Style Guide for how Elm code should be structured. In addition, some formatting is built into the language itself, such as requiring indents of four spaces. This removes a major point of contention within teams. In addition, the community has put together a wonderful tool called elm-format. Similar to Prettier, this utility can be used to ensure that all Elm code matches the official style guide. Unlike Prettier, there is no custom configuration, meaning once again that your team can focus on writing code instead of what kind of quotes to use.
-
Tips/Resources on starting with ELM
Regarding user experience and tooling, I'd suggest you use an editor that is compatible with the elm language server: https://github.com/elm-tooling/elm-language-server VSCode is a good default choice. You'll also be interested in other toolings. elm-json (https://github.com/zwilias/elm-json) is great to simply install and uninstall dependencies. elm-format (https://github.com/avh4/elm-format) is a must since most active people in the community use it, and simply viewing your code being moved around on save is a good sign that you wrote something with a good syntax.
-
Artyom's Haskell toolbox — a long list of tools/libraries I use
Take for example the debate about 2 vs 4 spaces. People often (but not always) have very strong opinions about this, yet it is clear that this formatting choice will probably not be the dominant factor in the success of a project. A quick google search also reveals no scientific research in this field. Concerning surveys, I found this interesting (from a survey on 2 vs 4 spaces in elm-format) as one datapoint:
ellie
-
Help with map and sum with different types. getting lots of type mismatches
Sorry I'm not being helpful (in that, I dont have a solution for you) but it would be great if you could put this up as a working demo on Ellie (https://ellie-app.com/).
-
Elm, an alternative to Javascript
There is an online editor, named Ellie, to play with the language without the need to install anything on your machine. Ellie permits to install dependencies for your code, so you can prototype an entire project with it.
-
Learning Elm because of work into Vue/React but why is the code so ugly?
After that point I started looking into how Elm works from the web dev perspective with resources like Elm in Action and Frontend Masters courses (first working in ellie-app-for-elm-dev then upgrading to vite-elm-template).
-
Tips/Resources on starting with ELM
I can still give you some pointers here. First I'd suggest you read the elm guide: https://guide.elm-lang.org/ It's the best place to start with elm. When you have a question about any specific subject, you should head to the slack, or ask a question on the elm discourse: https://discourse.elm-lang.org/ . The best way to get a useful answer, is to have a concrete question, and to prepare an example of what is wrong on Ellie (https://ellie-app.com). As such people can modify your Ellie to answer you.
-
how to load a static text file with elm?
You can paste it to Ellie for testing
-
baby programmer trying to properly handle http GET request
req: Request { bodyUsed: false, headers: Headers { accept: "*/*", "accept-encoding": "gzip, deflate, br", "accept-language": "en-US,en;q=0.9,la;q=0.8", connection: "keep-alive", host: "localhost:8000", origin: "https://ellie-app.com", "sec-ch-ua": '"Chromium";v="94", "Google Chrome";v="94", ";Not A Brand";v="99"', "sec-ch-ua-mobile": "?0", "sec-ch-ua-platform": '"macOS"', "sec-fetch-dest": "empty", "sec-fetch-mode": "cors", "sec-fetch-site": "cross-site", "user-agent": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/94.0.4..." }, method: "GET", redirect: "follow", url: "http://localhost:8000/" } ourAnswer: Response { body: ReadableStream { locked: false }, bodyUsed: false, headers: Headers { "content-type": "text/plain;charset=UTF-8" }, ok: true, redirected: false, status: 200, statusText: "", url: "" }
-
We chose Elm for Humio’s web UI
https://builtwithelm.co/ lists some, but not sure what you consider large.
Not sure if you would categorize this as dev tool https://github.com/erkal/kite
And ellie certainly might be a dev-tool, but not a toy https://github.com/ellie-app/ellie
What are some alternatives?
elm-review - Analyzes Elm projects, to help find mistakes before your users find them.
elm-spa-example - A Single Page Application written in Elm
elm-ui - What if you never had to write CSS again?
elm-json - Install, upgrade and uninstall Elm dependencies
hasqlator-mysql - Hasqlator is a haskell sql generator library
bytestring - An efficient compact, immutable byte string type (both strict and lazy) suitable for binary or 8-bit character data.
elm-language-server - Language server implementation for Elm
package.elm-lang.org - website for browsing packages and exploring documentation
ts-converter - human readable timestamps
elm-architecture-tutorial - How to create modular Elm code that scales nicely with your app
kite - An interactive visualization tool for graph theory