1.0.1 • Published 10 months ago
mersinjs v1.0.1
Mersin.js
Mersin.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
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-mersin 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/mersin
# open http://localhost:7000/
Build compiler
npm install
npm run build