Skip to content

Commit

Permalink
docs: add disclaimer about ready-to-use packages in Reanimated Cookbo…
Browse files Browse the repository at this point in the history
…ok (#6182)

Reanimated Cookbook has a pure didactical purpose. While we provide the
full code some of the developers might think that they have to
reimplement the components every time.

In the ecosystem there are ready-to-use convenient packages that the
developers could use out of the box to solve their problems

This PR adds two recommendations about the Bottom Sheet and Marquee
example.
  • Loading branch information
kacperkapusciak committed Aug 1, 2024
1 parent b0ab0e2 commit 77530f7
Show file tree
Hide file tree
Showing 2 changed files with 4 additions and 0 deletions.
2 changes: 2 additions & 0 deletions packages/docs-reanimated/blog/bottom-sheet.md
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,8 @@ title: Bottom Sheet

Bottom sheets are surfaces containing supplementary content, anchored to the bottom of the screen. They can provide users with quick access to contextual information, actions, or settings without interrupting their current workflow.

Looking for a ready-to-use solution? We recommend [@gorhom/bottom-sheet](https://www.npmjs.com/package/@gorhom/bottom-sheet).

import BottomSheet from '@site/static/examples/BottomSheet';
import BottomSheetSrc from '!!raw-loader!@site/static/examples/BottomSheet';
import CollapsibleCode from '@site/src/components/CollapsibleCode';
Expand Down
2 changes: 2 additions & 0 deletions packages/docs-reanimated/blog/marquee.md
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,8 @@ title: Marquee

A marquee is an element used to display scrolling content horizontally within a confined space. It's commonly seen in applications to information such as news tickers, advertisements, or any content that needs continuous display within a limited area.

Looking for a ready-to-use solution? We recommend [@animatereactnative/marquee](https://www.npmjs.com/package/@animatereactnative/marquee).

import Marquee from '@site/static/examples/Marquee';
import MarqueeSrc from '!!raw-loader!@site/static/examples/Marquee';
import CollapsibleCode from '@site/src/components/CollapsibleCode';
Expand Down

0 comments on commit 77530f7

Please sign in to comment.