More performance tweaks

This commit is contained in:
Maciej Hirsz
2020-11-03 17:48:42 +01:00
parent 54039faa3b
commit 403b1c0fa1
3 changed files with 12 additions and 15 deletions
+4
View File
@@ -1,3 +1,7 @@
.List {
overflow-anchor: none;
}
.List-no-nodes {
font-size: 30px;
padding-top: 20vh;
-13
View File
@@ -37,7 +37,6 @@ export class List extends React.Component<List.Props, {}> {
};
private relativeTop = -1;
private scrolling = false;
public componentDidMount() {
this.onScroll();
@@ -108,10 +107,6 @@ export class List extends React.Component<List.Props, {}> {
}
private onScroll = () => {
if (this.scrolling) {
return;
}
const relativeTop = divisibleBy(
window.scrollY - (HEADER + TR_HEIGHT),
TR_HEIGHT * ROW_MARGIN
@@ -122,13 +117,7 @@ export class List extends React.Component<List.Props, {}> {
}
this.relativeTop = relativeTop;
this.scrolling = true;
window.requestAnimationFrame(this.onScrollRAF);
};
private onScrollRAF = () => {
const { relativeTop } = this;
const { viewportHeight } = this.state;
const top = Math.max(relativeTop, 0);
const height =
@@ -139,8 +128,6 @@ export class List extends React.Component<List.Props, {}> {
if (listStart !== this.state.listStart || listEnd !== this.state.listEnd) {
this.setState({ listStart, listEnd });
}
this.scrolling = false;
};
private onResize = () => {