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

<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 text = `Hello ${i}`
          root.render(
            React.createElement(React.Fragment, {}, [
              React.createElement("div", {}, [
                React.createElement("div", {}, [
                text
                ])
              ]),
              React.createElement("span", {}, [
                React.createElement("span", {}, [
                text
                ])
              ]),
              React.createElement("a", {}, [
                React.createElement("a", {}, [
                text
                ])
              ])
            ])
          )
        }

        console.timeEnd()
      }
    </script> 
  </head>
</html>