Web applications made maintainable. Served hot with a CSS Bootstrap and a React-like template engine.
Compared to other frameworks:
- small API to learn
- small code base to audit
- future proof as much as possible
This comes from the main usage of this framework at CERN to build applications that must be running for 10 years with little or no maintenance. So the tools can't change like the rest of the web industry. No JSX, no webpack or any preprocessor but only the minimal packages completed by the large toolbox which is the web standards.
import {Observable, h, mount} from 'FrontEndKit/js/index.js'
// The model
class Model extends Observable {
constructor() {
super();
this.count = 0;
}
increment() {
this.count++;
this.notify();
}
}
// The view
function view(model) {
return h('.fill-parent.flex-column.items-center.justify-center', [
h('h1', 'Hello World'),
h('p', `counter value: ${model.count}`),
h('div', [
h('button.btn', {onclick: e => model.increment()}, '++'),
])
]);
}
// The controller
mount(document.body, view, new Model());The reference is split in half: CSS and JS.
Create mini applications with explanations.
- Async calls (ajax)
- Scale the code of your application (architecture)
- Write DOM with Javascript without HTML
- What are hyperscript and virtual nodes
- Handle sorted list with keys
- Reuse parts of a view as Components
- Debugging with the inspector
- Chrome 62 (end 2017)
- Firefox 54 (end 2017 - must activate modules)
- EDGE 16 (end 2017)
- Safari 10.1 (2017)
- iOS Safari (2017)
- Chrome Android 62