Skip to content
Backdraft examples
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
dialog
hello-world
js-framework-benchmark
polygraph
schedule
thinking-in-backdraft
todomvc
.eslintrc.js
.gitignore
LICENSE
README.md
catalog.html
hello-world-amd.html
hello-world.html
httpServer.js
package.json
replacements

README.md

Backdraft Tutorial and Example Code

This repository contains all code used in various Backdraft tutorials and examples.

Backdraft is extensively documented at backdraftjs.org.

Install

$ git clone https://github.com/altoviso/backdraft-examples.git
$ cd backdraft-examples
$ npm install

A small Express server is included to serve the project root so the examples can be run. To start this server:

$ npm run server

What's Included

hello-world.html

Code used for the single file quick start demo shown in Installation.

hello-world.amd.html

Code used for the single file quick start AMD demo shown in Installation.

hello-world

Code used for Section Hello, World of the Tutorial.

js-framework-benchmark

A Backdraft implementation of the js-framework-benchmark exercise.

polygraph

A Backdraft implementation of the Vue Polygraph demo. A good example of reflecting watchable data, SVG elements, and building components with variable, homogeneous children components.

schedule

Demonstrates a sortable grid with sort-controlling widgets in the header. Both the grid and the widgets are built from scratch with Backdraft with no external dependencies. This is a really nice demo of how performant Backdraft code can be and how easy it is to build complex user interface widgets.

Thinking in Backdraft.

Demonstrates the Thinking in React example as expressed with Backdraft. It is interesting that most React's discussion applies equally to Backdraft yet the underlying design of React and Backdraft are quite different.

todomvc

A Backdraft implementation of the todomvc exercise.

Support

If you have a usage question, please open an issue on stackoverflow; please tag the question with "backdraft".

If you've found a bug, please open an issue in this repository. Your chances of getting attention are much higher if you provide a reproducible test case.

You may also request an enhancement by opening an issue. Again, your chances of getting that enhancement incorporated into future releases are much higher if you provide a pull request with a test.

Commercial Support

Commercial support and program design and construction services are available from ALTOVISO LLC. You may email requests to consult@altoviso.com or contact us directly at 925.229.0667 8:00 A.M. - 6:00 P.M., Pacific Time Zone.

You can’t perform that action at this time.