@sanillajs/sanilla
v1.0.4
Published
Very easy and simple single page application framework.
Downloads
3
Maintainers
tree-someReadme
Sanilla
Why do we have to study new grammar for make SPA?
This is very easy and simple framework for make single page application.
We don't need another grammer.
Sanilla is SPA + Vanilla(JS).
Install
npm
npm install @sanillajs/sanillayarn
yarn add @sanillajs/sanillaHow to use Sanilla
Hello World
src/index.js
import Sanilla from '@sanillajs/sanilla';
import app from './app.html';
Sanilla.mount('#root', app);src/app.html
<h1>Hello Sanilla!</h1>
<script>
setTimeout(() => document.querySelector('h1').innerText = 'Awesome Sanilla!', 5000);
</script>public/index.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Sanilla Application</title>
</head>
<body>
<div id="root"></div>
</body>
</html>Sanilla-Router
import Sanilla from '@sanillajs/sanilla';
import SanillaRouter from '@sanillajs/sanilla-router';
import app from './app.html';
import home from './views/home.html';
import about from './views/about.html';
import hello from './views/hello.html';
Sanilla.append('#root', app);
Sanilla.router = new SanillaRouter('#router', {
'/': home,
'/about': about,
'/hello': hello,
});Sanilla-Cli
sanilla-cli init my-project
cd my-project
npm install
npm run dev