skima 0.1.0

Rust structural UI library for web
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73

<html><head>
    <script crossorigin="" src="https://unpkg.com/react@18/umd/react.production.min.js"></script>
    <script crossorigin="" src="https://unpkg.com/react-dom@18/umd/react-dom.production.min.js"></script>
    <script>
      window.test = () => {
   

        document.body.innerHTML = ''

        let div = document.createElement("div")
        document.body.appendChild(div)

        let root = ReactDOM.createRoot(div)

        console.time()

        for (let i = 0; i <= 1000; i++) {
          let sasha = `Hello ${i}`
          root.render(
            React.createElement(React.Fragment, {}, [
              React.createElement("div", {}, [
                React.createElement("div", {}, [
                sasha
                ])
              ]),
              React.createElement("span", {}, [
                React.createElement("span", {}, [
                sasha
                ])
              ]),
              React.createElement("a", {}, [
                React.createElement("a", {}, [
                sasha
                ])
              ])
            ])
          )
        }

        console.timeEnd()
      }
    </script> 
  
<link rel="preload" href="/dom2-web-768d0c26777c5f58_bg.wasm" as="fetch" type="application/wasm" crossorigin="">
<link rel="modulepreload" href="/dom2-web-768d0c26777c5f58.js"></head>
<body><script type="module">import init from '/dom2-web-768d0c26777c5f58.js';init('/dom2-web-768d0c26777c5f58_bg.wasm');</script><script>(function () {
    var protocol = window.location.protocol === 'https:' ? 'wss:' : 'ws:';
    var url = protocol + '//' + window.location.host + '/_trunk/ws';
    var poll_interval = 5000;
    var reload_upon_connect = () => {
        window.setTimeout(
            () => {
                // when we successfully reconnect, we'll force a
                // reload (since we presumably lost connection to
                // trunk due to it being killed, so it will have
                // rebuilt on restart)
                var ws = new WebSocket(url);
                ws.onopen = () => window.location.reload();
                ws.onclose = reload_upon_connect;
            },
            poll_interval);
    };

    var ws = new WebSocket(url);
    ws.onmessage = (ev) => {
        const msg = JSON.parse(ev.data);
        if (msg.reload) {
            window.location.reload();
        }
    };
    ws.onclose = reload_upon_connect;
})()
</script></body></html>