Skip to content

Commit a3e1620

Browse files
committed
Update to diagon 0.13.0
1 parent 810b08d commit a3e1620

File tree

3 files changed

+22
-22
lines changed

3 files changed

+22
-22
lines changed

frameworks/keyed/react-diagon/package-lock.json

Lines changed: 16 additions & 16 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

frameworks/keyed/react-diagon/package.json

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -35,8 +35,8 @@
3535
"typescript": "4.7.4"
3636
},
3737
"dependencies": {
38-
"diagon": "0.10.0",
39-
"diagon-react": "0.10.0",
38+
"diagon": "0.13.0",
39+
"diagon-react": "0.13.0",
4040
"react": "~18.2.0",
4141
"react-dom": "~18.2.0"
4242
}

frameworks/keyed/react-diagon/src/main.tsx

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ import { FC, memo, useState } from 'react';
55
import { createRoot } from 'react-dom/client';
66

77
const recorder = createReactRecorder();
8-
const { useProjectedSnapshot, useSnapshot } = recorder;
8+
const { useProjectedSnap, useSnap } = recorder;
99

1010
interface Item {
1111
id: number,
@@ -140,8 +140,8 @@ interface RowProps {
140140
const selectedSelector = (state: State) => state.selected;
141141

142142
const Row: FC<RowProps> = memo(({ item }) => {
143-
const isSelected = useProjectedSnapshot(state, selectedSelector, state => areSame(state.selected, item), [item.id]);
144-
const label = useSnapshot(item, item => item.label);
143+
const isSelected = useProjectedSnap(state, selectedSelector, state => areSame(state.selected, item), [item.id]);
144+
const label = useSnap(item, item => item.label);
145145

146146
if ((item.id % 1000) === 0)
147147
console.log(item.id);
@@ -214,7 +214,7 @@ const Jumbotron: FC = memo(() => {
214214
});
215215

216216
const Main = () => {
217-
const [items] = useSnapshot(ensureProxy(state), state => [elements(state.items)]);
217+
const [items] = useSnap(ensureProxy(state), state => [elements(state.items)]);
218218
return (
219219
<div className="container">
220220
<Jumbotron />

0 commit comments

Comments
 (0)