Ax is for creating reactive components and single page applications in JavaScript.
The Ax core library is concerned with DOM rendering and updating. Other features are provided by extensions.
Ax Framework (NPM package axf) includes a selection of extensions for building forms and reports, client-side routing and XHR/fetching.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.jsdelivr.net/npm/axf/axf.js" ></script>
</head>
<body>
<script>
ax.css({h1: {color: 'blue'}});
ax((a, x) => a({
$state: 10,
$nodes: (el) => [
a.h1(el.$state),
a.button("⯇", {$on: {click: () => {el.$state--}}}),
a.button("⯈", {$on: {click: () => {el.$state++}}}),
]
}));
</script>
</body>
</html>See the Docs.
- The development files for Ax in
packages/src/ - Pre-built Ax packages for distribution in
packages/dist/ - The Ax website in
web/
cd web
npm i
webpack -pServe the /web/ directory.
npm run dev
gulp to run a development webserver with auto-rebuild of /dist.
gulp build to build /dist without publishing.
gulp publish to build /dist and publish all packages to NPM.