All Projects → evancz → Elm Architecture Tutorial

evancz / Elm Architecture Tutorial

Licence: bsd-3-clause
How to create modular Elm code that scales nicely with your app

Programming Languages

elm
856 projects

Labels

Projects that are alternatives of or similar to Elm Architecture Tutorial

Mpi4py Examples
mpi4py examples
Stars: ✭ 308 (-92.57%)
Mutual labels:  examples
Aws Doc Sdk Examples
Welcome to the AWS Code Examples Repository. This repo contains code examples used in the AWS documentation, AWS SDK Developer Guides, and more. For more information, see the Readme.rst file below.
Stars: ✭ 4,575 (+10.32%)
Mutual labels:  examples
Interactive Examples
Home of the MDN live code editor interactive examples
Stars: ✭ 389 (-90.62%)
Mutual labels:  examples
Maixpy scripts
micropython scripts for MaixPy
Stars: ✭ 326 (-92.14%)
Mutual labels:  examples
Samples
JavaFX samples to run with different options and build tools
Stars: ✭ 352 (-91.51%)
Mutual labels:  examples
C Cpp Notes
Notes about modern C++, C++11, C++14 and C++17, Boost Libraries, ABI, foreign function interface and reference cards.
Stars: ✭ 363 (-91.25%)
Mutual labels:  examples
Telegram.bot.examples
Examples for the Telegram.Bot C# Library
Stars: ✭ 290 (-93.01%)
Mutual labels:  examples
Vulkandemos
Some simple vulkan examples.
Stars: ✭ 413 (-90.04%)
Mutual labels:  examples
Romaniancoderexamples
Java / SpringBoot / Angular examples for the Romanian Coder YouTube channel
Stars: ✭ 353 (-91.49%)
Mutual labels:  examples
Linux command line
💻 Introduction to Linux commands and Shell scripting
Stars: ✭ 378 (-90.88%)
Mutual labels:  examples
Numerical Analysis Examples
Numerical Analysis Implementations in Various Languages
Stars: ✭ 328 (-92.09%)
Mutual labels:  examples
Cypress Documentation
Cypress Documentation including Guides, API, Plugins, Examples, & FAQ.
Stars: ✭ 339 (-91.83%)
Mutual labels:  examples
Design Patterns
Contains examples of design patterns that implemented in php
Stars: ✭ 375 (-90.96%)
Mutual labels:  examples
Scipy Cookbook
Scipy Cookbook
Stars: ✭ 326 (-92.14%)
Mutual labels:  examples
Knitr Examples
A collection of knitr examples
Stars: ✭ 389 (-90.62%)
Mutual labels:  examples
Vertx Examples
Vert.x examples
Stars: ✭ 3,202 (-22.79%)
Mutual labels:  examples
Deepspeech Examples
Examples of how to use or integrate DeepSpeech
Stars: ✭ 356 (-91.42%)
Mutual labels:  examples
Kotlin Flow Android Examples
Kotlin Flow Android Examples - How to use it in Android Project
Stars: ✭ 424 (-89.78%)
Mutual labels:  examples
Examples
Examples for Bazel
Stars: ✭ 412 (-90.07%)
Mutual labels:  examples
Learning Rust
Rust 学习之路 > Rust Programming Tutorial, include articles, interview, example, problems.
Stars: ✭ 376 (-90.93%)
Mutual labels:  examples

Elm

Elm 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 and very small when compared with React, Angular, Ember, etc.

This 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.

The Elm Architecture

The 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.

To learn more about this, read the the official guide and check out this section 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.

Run The Examples

After you install, run the following commands in your terminal to download this repo and start a server that compiles Elm for you:

git clone https://github.com/evancz/elm-architecture-tutorial.git
cd elm-architecture-tutorial
elm reactor

Now go to 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!

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].