vite-plugin-elm
elm-format
vite-plugin-elm | elm-format | |
---|---|---|
3 | 5 | |
179 | 1,306 | |
- | - | |
9.0 | 5.6 | |
6 days ago | about 1 year ago | |
TypeScript | Haskell | |
GNU General Public License v3.0 or later | 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.
vite-plugin-elm
-
Live reloading code using vite-plugin-elm
I am using this vite plugin to work with Elm https://github.com/hmsk/vite-plugin-elm, but when running npm run dev and making changes to Main.elm, it doesn't recompile my code. Here is my vite.config.js:
-
What is the right way to style an Elm application in 2023?
Also, start with a build manager that integrates everything for you. I currently use vite.
-
Setting up an Elm project in 2022
Vite: vite-plugin-elm
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:
What are some alternatives?
elm-architecture-tutorial - How to create modular Elm code that scales nicely with your app
elm-review - Analyzes Elm projects, to help find mistakes before your users find them.
elm-live - ⚡ A flexible dev server for Elm. Live reload included.
elm-ui - What if you never had to write CSS again?
elm-spa - single page apps made easy
hasqlator-mysql - Hasqlator is a haskell sql generator library
node-test-runner - Runs elm-test suites from Node.js. Get it with npm install -g elm-test
bytestring - An efficient compact, immutable byte string type (both strict and lazy) suitable for binary or 8-bit character data.
package.elm-lang.org - website for browsing packages and exploring documentation
elm-test-rs - Fast and portable executable to run your Elm tests