Marko - made by eBay. View framework for both server and client

The concept of VirtualDOM introduced by React quickly affected other frameworks. In recent years, a method of combining small packages has become mainstream in relation to Web components.

This time Marko is one such framework. Especially high speed operation is a point.

How to use Marko

An example of Marko. We combine class, style, and HTML.

1. class {
2. onCreate() {
3. this.state = { count:0 };
4. }
5. increment() {
6. this.state.count++;
7. }
8. }
9. style {
10. .count {
11. color:#09c;
12. font-size:3em;
13. }
14. .example-button {
15. font-size:1em;
16. padding:0.5em;
17. }
18. }
19. <div .count>
20. ${state.count}
21. </div>
22. <button .example-button on-click('increment')>
23. Click me!
24. </button>

This is a web application that counts up as you click.

When clicking, the number will be incremented.

You can choose either HTML or a description similar to Haml.

Marko emphasizes performance, the performance is the highest compared with React / Angular / Vue / Inferno. It is an advantage to be able to use either server side or client side.

Because eBay is developing, development continuity seems to be no problem. Although React is convenient, it may be solved with Marko because speed is concerned.

Marko is open source software (MIT License) made by node / JavaScripts.

Marko

marko-js/isomorphic-ui-benchmarks: Client/server benchmarks for various UI libraries