
voodux - voodux
Summary
The proposal is about to cover the common lacks and mistakes in modern web applications development by heavly opinionating on how to define a strong foundation for most common types of web based softwares which relies mostly in V-*
libraries and frameworks like Vue
and React
.
It provides a underlying architecture offering resources like:
- Generic
Data Schema
andData Model
driven design. Use the Mongoose implementation to define models. Same model can both run on client and server. - A proxy like
Data Entity API
supporting different data transports - Complete boilerplate for software testing.
- Complete boilerplate for software documentation.
- Enforced Entity Relatioship and Data Entities design
- Application session
- Realtime Data Sync
- Plugin based
Data Transport
to give you the freedom to back your web software with any kind ofback end technology
Trully multi threaded
architecture by leveraging web workers. Web applications are originally single threaded applications.- 100% offline capable applications
- Asynchronous and
event driven
architecture. Data Schema
generators leveraging OpenAPI speficiations (Swagger) as declarative metadata standard- CRUD interfaces generators targeting React, Vue, DHTMLX and jQwidgets and leveraging OpenAPI speficiations (Swagger) as declarative metadata standard
What it does not?
- It does not replace Redux, Mobx or Vuex.
- It does not cares about how you manage your application state
- It does not cares about which framework/library for
project standards
you use. Vue, React ... - It does not cares about the UI framework/library you use. Material UI, Boostrap, Sencha, DHTMLX, Dojo.
React Demos
React Demo app (Functional components)

Demo documentation:
-> TODO
React Demo app (Class based components)

Motivation
Links and references
Code automation tools
-
npm run test
Executes the test suite
-
npm run start:dev
Starts the dev server at 5490 port
-
npm run build
Build the application inside
dist/
folder- Runs
npm run lint
- Runs
npm run test
- Runs
npm run doc
- Runs
npm run webpack
- Runs
-
npm run doc
Generates the code documentation using JSDoc
-
npm run lint
Runs lint against the code at src/ folder
-
npm run eslint-fix
Runs eslint --fix against the code at src/ folder
-
npm run format-code
Runs prettier-eslint --write against the code at src/ folder
npm run webpack
Transpile the es6 code (src/) to es5 version at dist/ folder
ToDo
- REST transport
- Websocket transport
- Serverless transport (Firebase)
- Session layer
- Event sourcing
- Vue demo
- DHTMLX demo
- VanilaJS demo
- textual search with lunr.
- Workbox -> https://developers.google.com/web/tools/workbox/guides/get-started