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.
- 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
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
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
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
you can use the bitnow-cli to generate project from available template.
$ npm install -g bitnow-cli
$ bitnow init <project-name> [template-name]
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 project for production. Bundle the framework, add version informations ...
$ npm run build
or
$ npm run build-start
$ bitnow list
The whole source code of framework comes to bin directory.
$ bitnow update
bitnow-cli provides some useful view templates to generate the base 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.
$ bitnow view list
- bin : framework code
- config : config files
- index-spa.html : boot index file for SPA
- index-web.html : boot index file for web
MIT