BIN is a lightweight frontend framework, follow the KISS principle. Easy but Powerful. It can be used to develop moble app, web app and even desktop app.

Features

• Only required HTML,CSS,JavaScript skills
• Object oriented and Triditional GUI application oriented development pattern
• MVVM feature(based on Vue 1.0)
• Basic components for mobile and pc
• Build-in router feature, view stack management for mobile spa
• Client side http api mock
• App shell feature
• Basic data persistence feature

Hello World

SPA

A simple mobile SPA build with BIN. It's a template project, use bitnow init <project-name> spa to generate your project from this template project.
source code

MPA

A simple mobile MPA build with BIN. It's a template project, use bitnow init <project-name> mpa to generate your project from this template project.
source code

PC-SPA

A simple PC SPA build with BIN. It's a template project, use bitnow init <project-name> pcspa to generate your project from this template project.
source code

How to use

you can use the bitnow-cli to generate project from available template.

Install bitnow-cli

$ npm install -g bitnow-cli

Generate project from template

$ bitnow init <project-name> [template-name]

Run the project

BIN is base on AMD to manage modules, so there is no need to compile and build for development. But on the other side, BIN does't use npm to handle dependencies. cd to project dir and then:

$ npm start

Build the project

Build project for production. Bundle the framework, add version informations ...

$ npm run build

or

$ npm run build-start

List available template

$ bitnow list

Update to the latest framework

The whole source code of framework comes to bin directory.

$ bitnow update

Document

Auto generate code

bitnow-cli provides some useful view templates to generate the base view code.

Create view code

$ bitnow view create <view-path> [template-name]

the view-path is based on you current path, so index will create index.html and index.js in current path, and login/index will create index.html and index.js in ./login, the parent path will be created by cli if not exists.
In BIN, each view consists of two files: .html describes the structure and appearance, .js describes the logic of business and the ViewModel links them together. So it's more close to traditional web development and even close to traditional GUI application development.

List available view template

$ bitnow view list

Description

• bin : framework code
  
• config : config files
  
• index-spa.html : boot index file for SPA
  
• index-web.html : boot index file for web
  

LICENSE

MIT