Skip to content

Commit 9fa0da3

Browse files
committed
starting point change for lesson
1 parent 45285cd commit 9fa0da3

File tree

4 files changed

+12
-2
lines changed

4 files changed

+12
-2
lines changed

react/core/08-rendering-performance/lecture/BrowseUsers.tsx renamed to react/core/08-rendering-performance/useTransition/BrowseUsers.tsx

Lines changed: 12 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,16 +6,26 @@ import { Heading } from '~/Heading'
66
// https://github.com/reactwg/react-18/discussions/41
77
// https://vercel.com/blog/how-react-18-improves-application-performance
88

9+
console.time()
10+
setTimeout(() => {
11+
console.timeEnd()
12+
}, 1000)
13+
914
export function BrowseUsers() {
10-
const allUsers = useUsers(1000) // generate 1000 user objects with random "likes"
15+
const allUsers = useUsers(100) // generate 100 user objects with random "likes"
1116

1217
const [users, setUsers] = useState(allUsers)
1318
const [minLikes, setMinLikes] = useState(0)
1419

1520
// const [pending, startTransition] = useTransition()
1621
function filterUsers(minLikes: number) {
1722
setMinLikes(minLikes)
18-
setUsers(allUsers?.filter((u) => u.likes >= minLikes))
23+
24+
console.time()
25+
const filteredUsers = allUsers?.filter((u) => u.likes >= minLikes)
26+
console.timeEnd()
27+
28+
// setUsers(filteredUsers)
1929
}
2030

2131
const editUser = (userId: number) => {

0 commit comments

Comments
 (0)