Display some placeholder stuff before rendering your text or media content in React Native. Compatible with Expo and react-native-web.

- Snack application with copy to clipboard!
- Usage with react-native-web
- The N Props syndrome (post): explaining the transition between v2 and v3

---

!Image of the placeholder in action

Usage

Installation

``javascript
$ yarn add rn-placeholder
`

In your code

`jsx
import {
Placeholder,
PlaceholderMedia,
PlaceholderLine,
Fade
} from "rn-placeholder";

const App = () => (
Animation={Fade}
Left={PlaceholderMedia}
Right={PlaceholderMedia}
>




);
`

The v3 comes with an example app that provides different stories and example of the library:

- Stories for elements
- Stories for animations
- Stories for customizing elements
- Stories for customizing animations

Run the example apps

_You can modify any call of yarn by npm install_

$3

`sh
$ git clone https://github.com/mfrachet/rn-placeholder
$ cd rn-placeholder
$ yarn
$ cd ./example && yarn && yarn start
`

$3

`sh
$ git clone https://github.com/mfrachet/rn-placeholder
$ cd rn-placeholder
$ yarn
$ cd ./example-web && yarn && yarn start
``

The web app is also available in this github pages: https://mfrachet.github.com/rn-placeholder.

V3 features

- Rewritten in Typescript
- Less code, more fun 😎
- API Suspense oriented
- New animations