https://github.com/ethagnawl/elm-patterns

A collection of UI and application patterns uncovered while building Elm applications.
https://github.com/ethagnawl/elm-patterns

elm

Last synced: 2 months ago
JSON representation

A collection of UI and application patterns uncovered while building Elm applications.

• Host: GitHub
• URL: https://github.com/ethagnawl/elm-patterns
• Owner: ethagnawl
• License: mit
• Created: 2017-08-12T19:04:26.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2024-04-30T18:37:03.000Z (9 months ago)
• Last Synced: 2024-10-31T05:51:36.877Z (2 months ago)
• Topics: elm
• Language: HTML
• Homepage:
• Size: 890 KB
• Stars: 4
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Elm UI Patterns

This repository collects a number of UI and application patterns I've discovered while building

Elm applications. These patterns are things that -- to my mind -- are simple/straightforward

in JavaScript but may not have immediately obvious solutions in Elm.

Pull requests containing improvements and new examples would be most appreciated.

## Demos

- [Creepy Spyware](https://s3.amazonaws.com/pdoherty-demos/creepy-spyware-demo/index.html)

- [Decaying Class Name](https://ellie-app.com/38HQZnWLQFna1)

- [Normalized Form Input](https://ellie-app.com/3sTMvVDBKYRa1)

- [Remote Authentication](https://s3.amazonaws.com/pdoherty-demos/remote-authentication/index.html)

- [SPA Routing](https://s3.amazonaws.com/pdoherty-demos/spa-routing/index.html)

- [Sync CSS Transition and State Change](https://ellie-app.com/3wTR8tFFjL3a1)

- [Video Player](https://s3.amazonaws.com/pdoherty-demos/elm-video-player/index.html)

## Build Containers

There are a few Docker containers in the build-envs directory which can be used to build/run the examples in this collection.  The Dockerfiles use a Node 21 base image and my [fork](https://github.com/ethagnawl/elm-old-binaries) of the [elm-old-binaries](https://github.com/lydell/elm-old-binaries) repository to download the Elm binaries.

See the individual READMEs for usage instructions.

NOTE: These containers are not project-specific and can be used by anyone looking to build Elm projects in a sandboxed environment. This is especially helpful with older versions of Elm which can be tricky to locate and install.

## TODO

- port older apps to 0.19

- rework SPA routing to use 0.19 feature set

- animation example