Malina.js

Progressive JavaScript frontend compiler

[Malina.js @malinajs]

Links:
Docs/API: https://t.co/dAxPqRSeeQ
REPL: https://t.co/7V7IFNJQ1h
GitHub: https://t.co/ZXt1uY1bMz
Telegram-chat: https://t.co/3YRa3ycnMU
Reddit: https://t.co/V7TOmiA0Va

[Malina.js @malinajs]

Hacker News clone built with Malina.js and malinajs-router, by Ali Sal.

https://t.co/sddLd1dqjs
live demo: https://t.co/LJe4vGQ2K0

[Malina.js @malinajs]

Example file-tree using fragments
https://t.co/ok7cst9BnL

[Malina.js @malinajs]

@ariarzer В @malinajs ещё меньше рантайма, работает быстрее и ловит мутации😉

[Malina.js @malinajs]

@mindplaydk 1. yes, it's sometimes asked and e.g. Svelte has solution for this: https://t.co/JR32NBlxUu

2. js can be tricky, not always possible to detect it in compile time

[Malina.js @malinajs]

A small example to generate QR-code using qr-code-styling
https://t.co/bR0BJVdKb7

[Malina.js @malinajs]

@mindplaydk Right, if dependencies are not declared, then take them from a function.

There are cases when need to observe not all dependencies, also callback can be imported outside (not always possible analyze it) - based on Svelte community.
So it's good to have it optional.

[Malina.js @malinajs]

@mindplaydk yes, I have an idea something like:
$watch(() => [data, size, color], callback)
or
$watch([data, size, color], callback)

[Malina.js @malinajs]

Discord-chat:
https://t.co/r1ZdyF6pth

[Alexey Schebelev @AlexxNB]

@mindplaydk @lega911 @RyanCarniato @n8bitt @malinajs This is not an animation itself. Just a store which value doesn't change immediately. But I have a realization of transition: https://t.co/ovuHpmASDZ
It may be a way to implement builtin transitions in malina.

[Malina.js @malinajs]

@MichaelThiessen @vuejs "Fragment" is good for such things. You can define a snippet and insert it in different places or recursive.
live example: https://t.co/vMRvJ4Sp5J

[Malina.js @malinajs]

@RyanCarniato @lega911 @kvncnls @mikenikles @solid_js @sveltejs Forgot to mention, it's how it works within a component, but communication among components works like sort of observable/reactive-way, and every component has own independent detector.

[Malina.js @malinajs]

Startup metrics

[Malina.js @malinajs]

Malina.js in js-framework-benchmark

[Malina.js @malinajs]

@AdamRackis May I join?

[Malina.js @malinajs]

@mikecodemonkey @sajtowski @chantastic Yes, no much info-resources for now, no courses, only docs, some articles and small community groups.

[Malina.js @malinajs]

@sajtowski @mikecodemonkey @chantastic Probably similar to Svelte, as example https://t.co/kb4agq83qX

[Malina.js @malinajs]

@sajtowski @mikecodemonkey @chantastic You're right, too simple example, you can look at examples in articles: https://t.co/uOR0wMhZKp and https://t.co/3M5awjoUQY

[Malina.js @malinajs]

@sajtowski @mikecodemonkey @chantastic "Counter" on Malina.js https://t.co/6TWAKuGmQM

[Malina.js @malinajs]

@lxsmnsyc @solid_js Yes, but it has some differences, I want to make an article about it.