react-testing/index.html at master · jdm717/react-testing · GitHub

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
74
75
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>React-testing</title>
    <!-- bootstrap - latest version of CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">

    <!-- jQuery -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
    <!-- react - latest version -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.13.3/react.js"></script>
    <!-- jsx transformer - needed for development mode -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.13.3/JSXTransformer.js"></script>
    <!-- react bootstrap - https://github.com/react-bootstrap/react-bootstrap-bower -->
    <script src="react-bootstrap/react-bootstrap.min.js">

    </script>

  </head>
  <body>

    <div class="panel panel-default" style="margin-bottom: 0px">
        <div class="panel-heading">
            <h4>React vs JS render timing</h4>
        </div>
        <div class="panel-body">
            <a href="./TestOne/testOne.Js.html">Test One JS</a>
            <span>(Large Data: Loading 50,000 button elements)</span>
            <br/>
            <a href="./TestOne/testOne.react.html">Test One React</a>
            <span>(Large Data: Loading 50,000 button elements)</span>
        </div>
    </div>
    <div class="panel panel-default" style="margin-bottom: 0px">
        <div class="panel-body">
            <a href="./TestTwo/testTwo.Js.html">Test Two JS</a>
            <span>(Memory game)</span>
            <br/>
            <a href="./TestTwo/testTwoReact.html">Test Two React</a>
            <span>(Memory game)</span>
        </div>
    </div>
    <div class="panel panel-default" style="margin-bottom: 0px">
        <div class="panel-body">
            <a href="./TestThree/testThreeJs.html">Test Three JS</a>
            <span>(Treeview)</span>
            <br/>
            <a href="./TestThree/testThreeReact.html">Test Three React</a>
            <span>(Treeview)</span>
        </div>
    </div>
    <div class="panel panel-default" style="margin-bottom: 0px">
        <div class="panel-body">
            <a href="./TestFour/testFour.Js.html">Test Four JS</a>
            <span>(Adding and removing data)</span>
            <br/>
            <a href="./TestFour/testFourReact.html">Test Four React</a>
            <span>(Adding and removing data)</span>
        </div>
    </div>
    <div class="panel panel-default" style="margin-bottom: 0px">
        <div class="panel-body">
            <a href="./TestFive/testFiveJs.html">Test Five JS</a>
            <span>(Dynamic scrolling: Loading a fraction(based on screen size) of a 10000 item list)</span>
            <br/>
            <a href="./TestFive/testFiveReact.html">Test Five React</a>
            <span>(Dynamic scrolling: Loading a fraction(based on screen size) of a 10000 item list)</span>
        </div>
    </div>

  </body>
</html>