From bcd030627bc48d0fa5a8dfcab00d9466157e1014 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Patrycja=20Kali=C5=84ska?= Date: Mon, 10 Jun 2024 19:22:10 +0200 Subject: [PATCH] Another copy change --- docs/blog/slider.md | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/docs/blog/slider.md b/docs/blog/slider.md index 4602af0902d6..b7fbc45238a8 100644 --- a/docs/blog/slider.md +++ b/docs/blog/slider.md @@ -35,10 +35,11 @@ The `useAnimatedStyle` hook is used to create animated styles for both the box a -Leveraging animated props lets us run it on UI thread instead of JS thread. -We used `useAnimatedProps` hook to avoid unneccessary re-renders when **text** with current width of the box is changing. +Leveraging animated props allows us to run them on the UI thread instead of the JS thread. To prevent unnecessary re-renders when the text displaying the current width of the box changes, we used the `useAnimatedProps` hook. -It also helped us animate `TextInput` using [shared values](fundamentals/glossary#shared-value). +Additionally, we opted for **TextInput** instead of **Text** because **TextInput** has a `value` property that can be animated, whereas **Text** only has children. + +This approach also enabled us to animate **TextInput** using [shared values](fundamentals/glossary#shared-value). Slider