Yut NPM | npm.io

yut

A light web client app js framework, that based on OOP. You can say it's writed for C++ programmer.

how to use?

usage of npm

install npm lib

npm install yut

import class from yut in your source JavaScript files.

import { yutls, theApp, CView } from 'yut';

Create CMainFrm and the other windows by the TEMPLATE, and then attached to theAPP; theAPP that is created by 'yut framework' automatically.

[in CMainFrm.js / CMainFrm.html]
class CMainFrm extends CView{ // ! inherit from CView !
    ...
  }
[in index.js]
theApp.setAppName(appName);
theApp.attachMainFrm(CMainFrm);

usage of native JS

include yut lib, and named the to 'mainFrm', and then set the init entry to body onload=''

[in index.html]
  <script src="../release/yut.js"></script>
  <body id="mainFrm" onload="Init()">

Create CMainFrm and the other windows by the TEMPLATE, and then attached to theAPP; theAPP that is created by 'yut framework' automatically.

[in CMainFrm.js / CMainFrm.html; ES2015/ES2016 are OK.]
class CMainFrm extends CView{ // ! inherit from CView !
    ...
  }
[in index.js]
function Init()
{
    theApp.setAppName(appName);
    theApp.attachMainFrm(CMainFrm);
}

export and import

'cause the compatibility of node/ES6, the import failed will be found if export the source files from 'index.js'. The solution is export the lib by 'release/yut.js'. So, the main entry of 'package.json' is set to "main": "./release/yut.js", .

yut framework oop

@infinitebrahmanuniverse/nolb-yut @everything-registry/sub-chunk-3215

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago