Skip to content

Commit

Permalink
real 1
Browse files Browse the repository at this point in the history
  • Loading branch information
@NookieGrey
NookieGrey committed Sep 17, 2022
1 parent fe9ab3a commit dd5be3a
Show file tree
Hide file tree
Showing 7 changed files with 216 additions and 231 deletions.
9 changes: 3 additions & 6 deletions package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,12 +3,9 @@
"version": "0.1.0",
"private": true,
"dependencies": {
"@testing-library/jest-dom": "^5.11.4",
"@testing-library/react": "^11.1.0",
"@testing-library/user-event": "^12.1.10",
"react": "^17.0.2",
"react-dom": "^17.0.2",
"react-router-dom": "^5.2.0",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-router-dom": "^6.3.0",
"react-scripts": "4.0.3",
"victory": "^35.5.0",
"web-vitals": "^1.0.1"
Expand Down
24 changes: 24 additions & 0 deletions src/Home.js
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
import {useMemo, useState} from "react";

export const Home = () => {
const [dep, setDep] = useState(1);

setTimeout(() => {
setDep(2)
}, 2000)

if (dep === 2) {
debugger;
}

const data = useMemo(() => {
console.count('call useMemo');
return [1, 2, 3, dep]
}, [dep])

return (
<div>
{data.map(number => <div>{number}</div>)}
</div>
)
}
14 changes: 14 additions & 0 deletions src/data/real1.json
View file

Large diffs are not rendered by default.

5 changes: 3 additions & 2 deletions src/index.js
View file
Original file line number Diff line number Diff line change
@@ -1,8 +1,9 @@
import React from 'react';
import ReactDOM from 'react-dom';
import Routes from "./routes/Routes";
import {createRoot} from 'react-dom/client';
import {Home} from "./Home";

ReactDOM.render(
createRoot(document.getElementById('root')).render(
<React.StrictMode>
<Routes />
</React.StrictMode>,
Expand Down
235 changes: 123 additions & 112 deletions src/routes/Routes.js
View file
Original file line number Diff line number Diff line change
@@ -1,8 +1,8 @@
import {
BrowserRouter as Router,
Switch,
Route,
Link
BrowserRouter as Router,
Route,
Link,
Routes as Switch,
} from "react-router-dom";
import GeneratorMountPage from "../generators/GeneratorMountPage";
import GeneratorMountPage5 from "../generators/GeneratorMountPage5";
Expand All @@ -19,117 +19,128 @@ import VisualizeWormUp from "../visualize/VisualizeWormUp";
import VisualizeUpdateReal2 from "../visualize/VisualizeUpdateReal2";
import VisualizeCallback from "../visualize/VisualizeCallback";

import {Home} from "../Home";

import './routes.css';

const Test = () => {
return null;
}

const Routes = () => {
return (
<Router>
<nav className="menu">
<ul>
<li>
<Link to="/visualizeWormUp">Visualize Worm Up</Link>
</li>
<li>
<Link to="/visualizeMountPage">Visualize Mount Page Reload</Link>
</li>
<li>
<Link to="/visualizeUpdate">Visualize Update</Link>
</li>
<li>
<Link to="/visualizeUpdateReal">Visualize Update Real</Link>
</li>
<li>
<Link to="/VisualizeUpdateReal2">Visualize Update Real 2</Link>
</li>
<li>
<Link to="/VisualizeCallback">Visualize Callback</Link>
</li>
</ul>
<ul>
<li>
<Link to="/generatorMountPage">Generate Mount Page Reload</Link>
</li>
<li>
<Link to="/generatorMountPage5">Generate Mount 5 Page Reload</Link>
</li>
<li>
<Link to="/generatorMountState">Generate Mount State Reload</Link>
</li>
<li>
<Link to="/generatorUpdate">Generate Update</Link>
</li>
<li>
<Link to="/generatorMountWormUp">Generate Mount Worm Up</Link>
</li>
<li>
<Link to="/generatorCallback">Generate Callback</Link>
</li>
</ul>
</nav>
<Switch>
<Route
path="/generatorMountPage"
component={GeneratorMountPage}
/>
<Route
path="/generatorMountPage5"
component={GeneratorMountPage5}
/>
<Route
path="/generatorMountState"
component={GeneratorMountState}
/>
<Route
path="/generatorUpdate"
component={GeneratorUpdate}
/>
<Route
path="/generatorMountWormUp"
component={GeneratorMountWormUp}
/>
<Route
path="/visualizeMountPage"
component={VisualizeMountPage}
/>
<Route
path="/visualizeMountState"
component={VisualizeMountState}
/>
<Route
path="/visualizeMountPage5"
component={VisualizeMountPage5}
/>
<Route
path="/visualizeUpdate"
component={VisualizeUpdate}
/>
<Route
path="/visualizeUpdateReal"
component={VisualizeUpdateReal}
/>
<Route
path="/visualizeUpdateReal"
component={VisualizeUpdateReal}
/>
<Route
path="/visualizeWormUp"
component={VisualizeWormUp}
/>
<Route
path="/VisualizeUpdateReal2"
component={VisualizeUpdateReal2}
/>
<Route
path="/generatorCallback"
component={GeneratorCallback}
/>
<Route
path="/VisualizeCallback"
component={VisualizeCallback}
/>
</Switch>
</Router>
)
return (
<Router>
<Test/>
<nav className="menu">
<ul>
<li>
<Link to="/visualizeWormUp">Visualize Worm Up</Link>
</li>
<li>
<Link to="/visualizeMountPage">Visualize Mount Page Reload</Link>
</li>
<li>
<Link to="/visualizeUpdate">Visualize Update</Link>
</li>
<li>
<Link to="/visualizeUpdateReal">Visualize Update Real</Link>
</li>
<li>
<Link to="/VisualizeUpdateReal2">Visualize Update Real 2</Link>
</li>
<li>
<Link to="/VisualizeCallback">Visualize Callback</Link>
</li>
</ul>
<ul>
<li>
<Link to="/generatorMountPage">Generate Mount Page Reload</Link>
</li>
<li>
<Link to="/generatorMountPage5">Generate Mount 5 Page Reload</Link>
</li>
<li>
<Link to="/generatorMountState">Generate Mount State Reload</Link>
</li>
<li>
<Link to="/generatorUpdate">Generate Update</Link>
</li>
<li>
<Link to="/generatorMountWormUp">Generate Mount Worm Up</Link>
</li>
<li>
<Link to="/generatorCallback">Generate Callback</Link>
</li>
</ul>
</nav>
<Switch>
<Route
path="/"
element={<Home/>}
/>
<Route
path="/generatorMountPage"
element={<GeneratorMountPage/>}
/>
<Route
path="/generatorMountPage5"
element={<GeneratorMountPage5/>}
/>
<Route
path="/generatorMountState"
element={<GeneratorMountState/>}
/>
<Route
path="/generatorUpdate"
element={<GeneratorUpdate/>}
/>
<Route
path="/generatorMountWormUp"
element={<GeneratorMountWormUp/>}
/>
<Route
path="/visualizeMountPage"
element={<VisualizeMountPage/>}
/>
<Route
path="/visualizeMountState"
element={<VisualizeMountState/>}
/>
<Route
path="/visualizeMountPage5"
element={<VisualizeMountPage5/>}
/>
<Route
path="/visualizeUpdate"
element={<VisualizeUpdate/>}
/>
<Route
path="/visualizeUpdateReal"
element={<VisualizeUpdateReal/>}
/>
<Route
path="/visualizeUpdateReal"
element={<VisualizeUpdateReal/>}
/>
<Route
path="/visualizeWormUp"
element={<VisualizeWormUp/>}
/>
<Route
path="/VisualizeUpdateReal2"
element={<VisualizeUpdateReal2/>}
/>
<Route
path="/generatorCallback"
element={<GeneratorCallback/>}
/>
<Route
path="/VisualizeCallback"
element={<VisualizeCallback/>}
/>
</Switch>
</Router>
)
}

export default Routes;
4 changes: 2 additions & 2 deletions src/visualize/VisualizeUpdateReal2.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,10 +7,10 @@ import {Fragment, useMemo, useReducer} from 'react';

import './visualize.css';

import json from '../data/real2.json';
import json from '../data/real1.json';
import {reducer, action, allChecked} from "./visualizeUtils";

const zoomDomain = {y: [0, 60]};
const zoomDomain = {y: [0, 120]};

const getColor = (index) => ['rgb(245,205,70)', 'rgb(25,70,230)'][index];

Expand Down
Loading

0 comments on commit dd5be3a

Please sign in to comment.