• Open Source JavaScript framework (MIT)
• Backend services agnostic
• Windows, Linux, OSX
• Comes with
  • StealJS - ES6, CJS, and AMD module loader and builder
  • CanJS - Custom elements and Model-View-ViewModel utilities
  • jQuery - DOM helpers
  • FuncUnit - Functional tests
  • Testee - QUnit, Mocha and Jasmine Test runner
  • DocumentJS - Documentation
  • can-ssr - Server-Side Rendering Utilities for CanJS
  • can-connect - Assemble real-time, high performance, restful data connections.

Getting Started

npm install donejs -g

donejs init donejs-chat

NPM and Hot-Module Swapping

npm install bootstrap --save

<can-import from="bootstrap/less/bootstrap.less!" />
<can-import from="donejs-chat/styles.less!" />
<can-import from="donejs-chat/app" export-as="viewModel" />

<div class="container">
  <div class="row">
    <div class="col-sm-8 col-sm-offset-2">
      <h1 class="page-header text-center">
        <img src="http://donejs.com/static/img/donejs-logo-white.svg"
          alt="DoneJS logo" style="width: 100%;" />
        <br>Chat
      </h1>
    </div>
  </div>
</div>

Real-time

npm install steal-socket.io --save

import io from 'steal-socket.io';

const socket = io('http://chat.donejs.com');

socket.on('messages created',
  message => messageConnection.createInstance(message));
socket.on('messages updated',
  message => messageConnection.updateInstance(message));
socket.on('messages removed',
  message => messageConnection.destroyInstance(message));

Desktop and Mobile Builds

iOS/Android (Cordova)

donejs add cordova

donejs build cordova

Desktop (nw.js)

donejs add nw

donejs build nw