Skip to content

docs: fix duplicate code snippet typo in Zustand selector example (Part 6a) #4284

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
sahaarnav3 wants to merge 1 commit into
base: source
Choose a base branch
from
Open

docs: fix duplicate code snippet typo in Zustand selector example (Part 6a) #4284

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 3 additions & 1 deletion src/content/6/en/part6a.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -363,7 +363,9 @@ The solution works, but it has a significant drawback. Destructuring causes the
The best practice in Zustand is therefore to select from the state exactly only those parts that are needed in the given component. A component re-renders only when the part of the state it has selected changes. When instead writing:

```js
const { increment, decrement, zero } = useCounterStore()
const increment = useCounterStore(state => state.increment)
const decrement = useCounterStore(state => state.decrement)
const zero = useCounterStore(state => state.zero)Ï
```

the component no longer reacts to changes in the counter value, because it has not selected it from the state.
Expand Down