0.5.2 • Published 6 years ago
ome v0.5.2
omega
ONE STATE, ONE APP!
A simple data driven frontend library using JSX.
There are some major differences to render based libraries like React:
- no render cycle, no shadow DOM, no complicated change detection
- data is set with observables
npm i -S ome
example:
import {omega, Store} from 'ome';
const App = (props, state, data) => {
const entries = data.entries.map(
(value) => (
<span style={
value.transform(v => v && {color: v.color})
}>
{value.child('title')}
</span>
)
);
return (
<div className="app">
<h1>{props.title}</h1>
<p>{entries}</p>
</div>
);
};
App.data = {
entries: 'app',
};
const initialState = {
'app': [
{title: 'Hello', color: '#fe8d00'},
{title: 'World', color: '#333333'},
],
};
export const store = new Store(initialState);
omega.render(
<App title="Omega is awesome!"/>,
document.body,
store,
);
0.5.2
6 years ago
0.5.1
6 years ago
0.5.0
6 years ago
0.4.3
6 years ago
0.4.2
6 years ago
0.4.1
6 years ago
0.4.0
6 years ago
0.3.5
6 years ago
0.3.4
6 years ago
0.3.3
6 years ago
0.3.2
6 years ago
0.3.1
6 years ago
0.2.1
6 years ago
0.3.0
6 years ago
0.2.0
6 years ago
0.1.6
6 years ago
0.1.5
6 years ago
0.1.4
6 years ago
0.1.3
6 years ago
0.1.2
6 years ago
0.1.1
6 years ago
0.1.0
6 years ago