https://github.com/elm/browser

Create Elm programs that run in browsers!
https://github.com/elm/browser

browser elm history single-page-app spa

Last synced: 1 day ago
JSON representation

Create Elm programs that run in browsers!

• Host: GitHub
• URL: https://github.com/elm/browser
• Owner: elm
• License: bsd-3-clause
• Created: 2017-08-15T06:35:42.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2022-12-19T10:12:56.000Z (about 2 years ago)
• Last Synced: 2025-01-03T21:11:49.614Z (8 days ago)
• Topics: browser, elm, history, single-page-app, spa
• Language: Elm
• Homepage: https://package.elm-lang.org/packages/elm/browser/latest/
• Size: 345 KB
• Stars: 313
• Watchers: 22
• Forks: 64
• Open Issues: 66
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-ccamel - elm/browser - Create Elm programs that run in browsers! (Elm)

README

        
# Elm in the Browser!

This package allows you to create Elm programs that run in browsers.

## Learning Path

**I highly recommend working through [guide.elm-lang.org][guide] to learn how to use Elm.** It is built around a learning path that introduces concepts gradually.

[guide]: https://guide.elm-lang.org/

You can see the outline of that learning path in the `Browser` module. It lets you create Elm programs with the following functions:

  1. [`sandbox`](https://package.elm-lang.org/packages/elm/browser/latest/Browser#sandbox) — react to user input, like buttons and checkboxes

  2. [`element`](https://package.elm-lang.org/packages/elm/browser/latest/Browser#element) — talk to the outside world, like HTTP and JS interop

  3. [`document`](https://package.elm-lang.org/packages/elm/browser/latest/Browser#document) — control the `` and ``

  4. [`application`](https://package.elm-lang.org/packages/elm/browser/latest/Browser#application) — create single-page apps

This order works well because important concepts and techniques are introduced at each stage. If you jump ahead, it is like building a house by starting with the roof! So again, **work through [guide.elm-lang.org][guide] to see examples and really *understand* how Elm works!**

This order also works well because it mirrors how most people introduce Elm at work. Start small. Try using Elm in a single element in an existing JavaScript project. If that goes well, try doing a bit more. Etc.