Skip to content

Commit

Permalink
invalidate -> update (#4793)
Browse files Browse the repository at this point in the history
  • Loading branch information
BillyLevin authored May 17, 2020
1 parent d5e9559 commit 0cd40b7
Showing 1 changed file with 1 addition and 1 deletion.
2 changes: 1 addition & 1 deletion site/content/tutorial/07-lifecycle/04-tick/text.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ title: tick

The `tick` function is unlike other lifecycle functions in that you can call it any time, not just when the component first initialises. It returns a promise that resolves as soon as any pending state changes have been applied to the DOM (or immediately, if there are no pending state changes).

When you invalidate component state in Svelte, it doesn't update the DOM immediately. Instead, it waits until the next *microtask* to see if there are any other changes that need to be applied, including in other components. Doing so avoids unnecessary work and allows the browser to batch things more effectively.
When you update component state in Svelte, it doesn't update the DOM immediately. Instead, it waits until the next *microtask* to see if there are any other changes that need to be applied, including in other components. Doing so avoids unnecessary work and allows the browser to batch things more effectively.

You can see that behaviour in this example. Select a range of text and hit the tab key. Because the `<textarea>` value changes, the current selection is cleared and the cursor jumps, annoyingly, to the end. We can fix this by importing `tick`...

Expand Down

0 comments on commit 0cd40b7

Please sign in to comment.