5 ms·

Show HN: Moon – a tiny 6kb Javascript library inspired by Vue.js

31 points by kbr 9y ago

BoorishBears 9y ago
Demo doesn't work on my iPhone 6 on iOS 10, I just get the template string
- shakna 9y ago
  I wonder what Safari's problem is? It works just as well as Vue on my Android in Firefox, Chrome and even the Android Browser.
  - noir_lord 9y ago
    > I wonder what Safari's problem is? I wonder that a lot about Safari, particularly mobile Safari.
- kbr 9y ago
  Not sure what the problem is, all tests for Moon pass on Safari, and it works on my iPhone 6s on iOS 10. Can you let me know if any demos in the Getting Started[1] guide work? [1] http://moonjs.ga/docs/getting-started.html http://moonjs.ga/docs/getting-started.html
  - BoorishBears 9y ago
    I tried again on Wi-Fi and it worked, I was on a spotty LTE connection, it might have just failed to load
    - kbr 9y ago
      Must've been it, thanks.
elnygren 9y ago
I had a very quick glance but it seems that RE:DOM is smaller, better documented and more mature (but probably otherwise similar). https://redom.js.org https://redom.js.org
- shakna 9y ago
  Moon's benefit, that I can see, is Vue's syntax.
- sylentmode 9y ago
  I honestly don't see much similarity
- kbr 9y ago
  Yes, but Moon's goal is to have syntax similar to Vue's, and as a result, requires an HTML template compiler, Javascript expression compiler, directive compiler, and different component logic. RE:DOM doesn't have any of these, but only has a virtual DOM engine (which Moon has as well).
- tenryuu 9y ago
  with the difference between sizes being a few kb, I don't think that they would entirely matter. What really does is execution rate. Which one performs more efficiently. If the end result is DOM, it doesn't matter what syntax you're using, the client is the most important part
ng12 9y ago
Are these types of frameworks basically just performant Marionette+Backbone? I always struggle to find a difference.
- kbr 9y ago
  Moon is faster, only 6kb, has a more powerful templating engine, and a much simpler API. On the other hand, Marionette is a MVC library, and has more functionality. Moon is just a view library, the other parts can be added in with moon-router [1] and moon-ssr [2]. [1] https://github.com/KingPixil/moon-router https://github.com/KingPixil/moon-router [2] https://github.com/KingPixil/moon-ssr https://github.com/KingPixil/moon-ssr

31 points by kbr 9y ago

BoorishBears 9y ago

Demo doesn't work on my iPhone 6 on iOS 10, I just get the template string

shakna 9y ago
I wonder what Safari's problem is? It works just as well as Vue on my Android in Firefox, Chrome and even the Android Browser.
- noir_lord 9y ago
  > I wonder what Safari's problem is? I wonder that a lot about Safari, particularly mobile Safari.
kbr 9y ago
Not sure what the problem is, all tests for Moon pass on Safari, and it works on my iPhone 6s on iOS 10. Can you let me know if any demos in the Getting Started[1] guide work? [1] http://moonjs.ga/docs/getting-started.html http://moonjs.ga/docs/getting-started.html
- BoorishBears 9y ago
  I tried again on Wi-Fi and it worked, I was on a spotty LTE connection, it might have just failed to load
  - kbr 9y ago
    Must've been it, thanks.

elnygren 9y ago

I had a very quick glance but it seems that RE:DOM is smaller, better documented and more mature (but probably otherwise similar). https://redom.js.org https://redom.js.org

shakna 9y ago
Moon's benefit, that I can see, is Vue's syntax.
sylentmode 9y ago
I honestly don't see much similarity
kbr 9y ago
Yes, but Moon's goal is to have syntax similar to Vue's, and as a result, requires an HTML template compiler, Javascript expression compiler, directive compiler, and different component logic. RE:DOM doesn't have any of these, but only has a virtual DOM engine (which Moon has as well).
tenryuu 9y ago
with the difference between sizes being a few kb, I don't think that they would entirely matter. What really does is execution rate. Which one performs more efficiently. If the end result is DOM, it doesn't matter what syntax you're using, the client is the most important part

ng12 9y ago

Are these types of frameworks basically just performant Marionette+Backbone? I always struggle to find a difference.

kbr 9y ago
Moon is faster, only 6kb, has a more powerful templating engine, and a much simpler API. On the other hand, Marionette is a MVC library, and has more functionality. Moon is just a view library, the other parts can be added in with moon-router [1] and moon-ssr [2]. [1] https://github.com/KingPixil/moon-router https://github.com/KingPixil/moon-router [2] https://github.com/KingPixil/moon-ssr https://github.com/KingPixil/moon-ssr