{"id":13393068,"url":"https://github.com/evancz/elm-architecture-tutorial","last_synced_at":"2025-05-14T20:09:09.201Z","repository":{"id":25666723,"uuid":"29102483","full_name":"evancz/elm-architecture-tutorial","owner":"evancz","description":"How to create modular Elm code that scales nicely with your app","archived":false,"fork":false,"pushed_at":"2019-12-30T12:16:10.000Z","size":347,"stargazers_count":4170,"open_issues_count":10,"forks_count":733,"subscribers_count":80,"default_branch":"master","last_synced_at":"2025-04-13T16:53:25.859Z","etag":null,"topics":["elm","examples"],"latest_commit_sha":null,"homepage":"https://guide.elm-lang.org/","language":"Elm","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"bsd-3-clause","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/evancz.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2015-01-11T19:09:53.000Z","updated_at":"2025-04-04T18:34:26.000Z","dependencies_parsed_at":"2022-07-17T04:30:31.227Z","dependency_job_id":null,"html_url":"https://github.com/evancz/elm-architecture-tutorial","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/evancz%2Felm-architecture-tutorial","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/evancz%2Felm-architecture-tutorial/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/evancz%2Felm-architecture-tutorial/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/evancz%2Felm-architecture-tutorial/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/evancz","download_url":"https://codeload.github.com/evancz/elm-architecture-tutorial/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254219374,"owners_count":22034397,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["elm","examples"],"created_at":"2024-07-30T17:00:42.141Z","updated_at":"2025-05-14T20:09:09.181Z","avatar_url":"https://github.com/evancz.png","language":"Elm","funding_links":[],"categories":["Elm","Others","Learning Guides","Learn"],"sub_categories":[],"readme":"# Elm\n\n[Elm](https://elm-lang.org/) is a programming language that compiles to JavaScript. It is known for its friendly error messages, helping you find issues quickly and refactor large projects with confidence. Elm is also [very fast](https://elm-lang.org/blog/blazing-fast-html-round-two) and [very small](https://elm-lang.org/blog/small-assets-without-the-headache) when compared with React, Angular, Ember, etc.\n\nThis repo focuses on **The Elm Architecture**, an architecture pattern you see in all Elm programs. It has influenced projects like Redux that borrow core concepts but add many JS-focused ideas.\n\n\n## The Elm Architecture\n\nThe Elm Architecture is a simple pattern for architecting webapps. The core idea is that your code is built around a `Model` of your application state, a way to `update` your model, and a way to `view` your model.\n\nTo learn more about this, read the [the official guide][guide] and check out [this section][arch] which is all about The Elm Architecture. This repo is a collection of all the examples in that section, so you can follow along and compile things on your computer as you read through.\n\n[guide]: https://guide.elm-lang.org/\n[arch]: https://guide.elm-lang.org/architecture/\n\n\n## Run The Examples\n\nAfter you [install](https://guide.elm-lang.org/install.html), run the following commands in your terminal to download this repo and start a server that compiles Elm for you:\n\n```bash\ngit clone https://github.com/evancz/elm-architecture-tutorial.git\ncd elm-architecture-tutorial\nelm reactor\n```\n\nNow go to [http://localhost:8000/](http://localhost:8000/) and start looking at the `examples/` directory. When you edit an Elm file, just refresh the corresponding page in your browser and it will recompile!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fevancz%2Felm-architecture-tutorial","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fevancz%2Felm-architecture-tutorial","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fevancz%2Felm-architecture-tutorial/lists"}