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: about 1 month 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 (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2022-12-19T10:12:56.000Z (over 1 year ago)
• Last Synced: 2024-05-01T23:44:17.220Z (2 months 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: 310
• Watchers: 22
• Forks: 63
• Open Issues: 65
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Lists

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

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.