@mikosoft/dodo NPM

DoDo

The DoDo is easy to learn JavaScript framework which helps developers to build reactive, single page applications.

It can be used for mobile applications, browser extensions, electron desktop apps, ...etc.

The Dodo Framework is not based on UI components like Angular 2+, Vue and React but on Model-View-Controller what makes Dodo more simple and flexible. The inspiration was found in Angular 1, so Dodo conception is similar to it.

Built in modern ES 6+ Javascript.

Features

blazing fast
no typescript
fast compiling powered by Vite
create lightweight applications - small app file size
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 reactive web pages and apps
be more productive

Libraries

The framework contains a pre-built libraries:

Auth - authentication, route guards (protect routes from unauthorized access)
BrowserStorage
Cookie
Form - work with HTML forms
HTTPClient - default HTTP Client library for accesing APIs
Paginator - library for page pagination
util - misc utilities

Good for dynamic and reactive code in:

browser single page applications (ajax apps)
browser extensions
ElectronJs desktop applications
Cordova mobile applications

Installation

$ npm install --save @mikosoft/dodo

Quickstart

How to start a new project in DoDo framework ? Very simple. Just run the command and the boilerplate code will be installed.

$ npm init dodo

Example

import { App, corelib } from '@mikosoft/dodo';

// conf
import { $debugOpts, $auth, $httpClient } from './app/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('myApplication);
app
  .auth($auth)
  .httpClient($httpClient)
  .debug($debugOpts);

app
  .routes($routes)
  .listen();