tree: 95d1e92e636898ad7d2faf4130b392363620ea44 [path history] [tgz]
  1. dist/
  2. scripts/
  3. src/
  4. index.html
  5. package-lock.json
  6. package.json
  7. README.md
resources/todomvc/architecture-examples/backbone/README.md

Speedometer 3.0: TodoMVC: Backbone

Description

This application uses Backbone to implement a todo application.

Backbone.js gives structure to web applications by providing models with key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing API over a RESTful JSON interface.

backbonejs.org

Implementation details

Backbone.js uses a MV(*) pattern, which is loosely based on the MVC or MVP patterns.

Backbone.js:
Model: model files
View: html file in conjunction with underscore's templating solution
Controller: view and router files

MVC:
Model: maintains the data and behavior of an application
View: displays the model in the ui
Controller: serves as an interface between view & model components

The storage solution uses an in-memory data object (contained in the sync file).

Built steps

A simple build script copies all necessary files to a dist folder. It does not rely on compilers or transpilers and serves raw html, css and js files to the user.

npm run build

Requirements

The only requirement is an installation of Node, to be able to install dependencies and run scripts to serve a local server.

* Node (min version: 18.13.0)
* NPM (min version: 8.19.3)

Local preview

terminal:
1. npm install
2. npm run dev
browser:
1. http://localhost:7001/