madhanhere / malinajs

Frontend compiler, inspired by Svelte

Malina.js

Malina.js builds your web-application to use it without framework on frontend side. Therefore your web-app becomes thinner and faster, and the application itself consist of vanilla JavaScript, look at examples. TodoMVC example 2.7kb (gzipped) and source code

• Docs
• Syntax Highlighter for VS-Code
• Try Malina.js online (REPL)

Articles

• Comparision with Svelte.js
• Comparision with Vue 3
• Passing CSS classes to child components
• Using fragments

Example

<script>
  let name = 'world';
    
  function rename() {
    name = 'user';
  }
</script>

<h1>Hello {name.toUpperCase()}!</h1>
<button @click={rename}>Rename</button>

Run dev environment:

npx create-malina myapp
cd myapp
npm run dev
# open http://localhost:7000/

Run dev environment via docker:

docker run --rm -it --user ${UID} -p 7000:7000 -v `pwd`:/app/src lega911/malina
# open http://localhost:7000/

Build compiler

npm install
npm run build

License

MIT