Package Exports

apprun

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (apprun) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

AppRun

AppRun is a 3K library for developing applications using the elm style model-view-update architecture based on the event publication and subscription pattern.

Quick Start

To give it a try, include AppRun in your html.

<script src="https://unpkg.com/apprun@latest/dist/apprun-html.js"</script>

No other ceremony, you can start write code of model, view and update right away.

<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <title>Counter</title>
</head>
<body>
<script src="https://unpkg.com/apprun@latest/dist/apprun-html.js"</script>
  <div id="my-app"></div>
  <script>
    const model = 0;

    const view = (model) => {
      return `<div>
        <h1>${model}</h1>
        <button onclick='app.run("-1")'>-1</button>
        <button onclick='app.run("+1")'>+1</button>
      </div>`;
    };

    const update = {
      '+1': (model) => model + 1,
      '-1': (model) => model - 1
    };

    const element = document.getElementById();
    app.start(element, model, view, update);
  </script>
</body>
</html>

Or try it online: AppRun - Counter.

The counter example above implements the model-view-update architecture at application level. AppRun makes the model-view-update architecture into components.

AppRun applications are built using components, like React. Each component has a model-view-update architecture that manages component states. Components communicate each other through events. Run the following examples and checkout their source code for more details.

The Demo App is a SPA built with 8 components.
The Todo component was written 90 in lines.
The Hacker News example was written in 230 line.
The RealWorld/Conduit -- working in progress.

Video Tutorials

Install

If you are interested moving forward, you can install AppRun CLI and initialize a TypeScript and webpack configured project:

npm install apprun -g
apprun --init
npm start

Explore More

AppRun provides everything you need to build a modern application frontend. To explore more about AppRun, read the following docs.

Contribute

You can launch the webpack dev-server and the demo app from the demo folder by npm commands:

npm install
npm start

You can run the unit tests from the tests folder.

npm test

Unit tests can serve as the functional specifications.

Finally, to build optimized js files to dist folder by run:

npm run build

Have fun and send pull requests.

License

MIT