We are adopting a new framework in addition to VueJS and Angular to our frontend app development framework. It is brilliantly engineered using modular javascript and promises to have a UX module to create native mobile aps, in the meantime, Cordova can be used for that. We are in the business of creating web applications for business and it promises to be faster, cleaner and better designed than others.
Aurelia uses ES2015 or Typescript. It can work with Babel or Webpack. Most impressive is that it hides itself behind your ap in such a way that you feel like you are writing modular JS and HTML with a few directives to relate its parts. And it works magically. The now traditional todo ap requires just three files:
todo.js
app.js
app.html
app.js
import {Todo} from './todo.js';
export class App {
constructor() {
this.heading = 'Todo';
this.todos = [];
this.todoDescription = '';
}
addTodo() {
if (this.todoDescription) {
this.todos.push(new Todo(this.todoDescription));
this.todoDescription = '';
}
}
removeTodo(todo) {
let index = this.todos.indexOf(todo);
if (index !== -1) {
this.todos.splice(index, 1);
}
}
}
todo.js
export class Todo {
constructor(description) {
this.description = description;
this.done = false;
}
}
app.html
${heading}
-
${todo.description}