Skip to content
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.

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

Make all links from Reanimated Cookbook relative #6105

Merged
merged 1 commit into from
Jun 12, 2024
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
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
2 changes: 1 addition & 1 deletion packages/docs-reanimated/blog/bottom-sheet.md
Original file line number Diff line number Diff line change
Expand Up @@ -29,6 +29,6 @@ sources={{

<CollapsibleCode src={BottomSheetSrc} showLines={[18,21]}/>

The `useAnimatedStyle` hook helps in creating [animated styles](https://docs.swmansion.com/react-native-reanimated/docs/core/useAnimatedStyle/) based on shared values. These styles are then applied to **BottomSheet** to make it visually dynamic by adding backdrop and translating bottom sheet to the top.
The `useAnimatedStyle` hook helps in creating [animated styles](/docs/core/useAnimatedStyle/) based on shared values. These styles are then applied to **BottomSheet** to make it visually dynamic by adding backdrop and translating bottom sheet to the top.

<CollapsibleCode src={BottomSheetSrc} showLines={[23,32]}/>
4 changes: 2 additions & 2 deletions packages/docs-reanimated/blog/section-list.md
Original file line number Diff line number Diff line change
Expand Up @@ -43,11 +43,11 @@ The `onScroll` in **SectionCards** calculates the offset as the user scrolls thr

<CollapsibleCode src={SectionListSrc} showLines={[204,227]}/>

We use the `useSharedValue` hook to create mutable shared values across different components. For instance, `selectedItem` and `visibleIndex` are [shared values](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#shared-value) used to manage the currently selected section and its visibility index.
We use the `useSharedValue` hook to create mutable shared values across different components. For instance, `selectedItem` and `visibleIndex` are [shared values](/docs/fundamentals/glossary#shared-value) used to manage the currently selected section and its visibility index.

<CollapsibleCode src={SectionListSrc} showLines={[151,152]}/>

Additionally, we use `useAnimatedStyle` hook to define [animated styles](https://docs.swmansion.com/react-native-reanimated/docs/core/useAnimatedStyle/) based on the shared values. Then, we apply these animated styles to components to create dynamic visual effects, such as changing font weights and adding bottom borders.
Additionally, we use `useAnimatedStyle` hook to define [animated styles](/docs/core/useAnimatedStyle/) based on the shared values. Then, we apply these animated styles to components to create dynamic visual effects, such as changing font weights and adding bottom borders.

<CollapsibleCode src={SectionListSrc} showLines={[96,99]}/>

Expand Down
2 changes: 1 addition & 1 deletion packages/docs-reanimated/blog/slider.md
Original file line number Diff line number Diff line change
Expand Up @@ -39,7 +39,7 @@ Leveraging animated props allows us to run them on the UI thread instead of the

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).
This approach also enabled us to animate **TextInput** using [shared values](/docs/fundamentals/glossary#shared-value).

<samp id="Slider">Slider</samp>

Expand Down
Loading