Regoch-weber NPM

regoch-weber

The Regoch Weber is simple and intuitive JavaScript framework for browser single page applications, mobile applications, browser extensions, electronJS desktop apps, ...etc.

Features

no slow compilation as in Angular, Vue or React (no compilation at all)
no npm package dependencies - build apps which will not depend on 3rd party code
no typescript, no heavy compiling, no bullshit
create lightweight applications - small app file size (<100kB only)
use import & export ES Modules to build complex apps with clear and readable code
Model-View-Controller (MVC), intuitive app structure
easy to learn and easy to use
create very fast applications with reactive features
shorten your development time rapidly
steep learning curve (you'll reach high programming skills very fast)

Good for dynamic and reactive code in:

browser single page applications
browser extensions
ElectronJs desktop applications
Cordova mobile applications

Installation

$ npm install regoch-weber

Quickstart

Download the regoch-weber source code. There is a simple example in the /client/ folder.

$ git clone https://github.com/smikodanic/regoch-weber.git <projectName>
$ cd <projectName>

// remove .git and start new one
$ rm -rf .git
$ git init

// remove /sys/ folder
$ npm install regoch-weber
$ rm -rf sys
--> replace all "import { App, syslib } from '/sys/index.js';" with  "import { App, syslib } from 'regoch-weber';"

$ npm run dev-server   -> start the HTTP server
$ npm run dev          -> watch the file changes

Run in the browser http://localhost:3333 . Now you can add/modify your routes, controllers, views, etc.

Example

import { App, syslib } from 'regoch-weber';

// conf
import { $debugOpts } from './conf/index.js';


// controllers
import HomeCtrl from './controllers/HomeCtrl.js';
import QuickstartCtrl from './controllers/QuickstartCtrl.js';
import NotfoundCtrl from './controllers/NotfoundCtrl.js';


// routes
const routes = [
  ['when', '/', 'HomeCtrl'],
  ['when', '/quickstart', 'QuickstartCtrl'],
  ['notfound', 'NotfoundCtrl']
];


// app
const app = new App();
app</small>
  .controllers([
    HomeCtrl,
    QuickstartCtrl,
    NotfoundCtrl
  ])
  .routes(routes)
  .debugger($debugOpts);