3.0.3 • Published 4 years ago
rn-placeholder v3.0.3
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
Usage
Installation
$ yarn add rn-placeholder
In your code
import {
Placeholder,
PlaceholderMedia,
PlaceholderLine,
Fade
} from "rn-placeholder";
const App = () => (
<Placeholder
Animation={Fade}
Left={PlaceholderMedia}
Right={PlaceholderMedia}
>
<PlaceholderLine width={80} />
<PlaceholderLine />
<PlaceholderLine width={30} />
</Placeholder>
);
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
To start the mobile app:
$ git clone https://github.com/mfrachet/rn-placeholder
$ cd rn-placeholder
$ yarn
$ cd ./example && yarn && yarn start
To start the web app:
$ 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
3.0.3
4 years ago
3.0.2
4 years ago
3.0.1
4 years ago
3.0.0
5 years ago
3.0.0-alpha.5
5 years ago
3.0.0-alpha.4
5 years ago
3.0.0-alpha.3
5 years ago
3.0.0-alpha.2
5 years ago
3.0.0-alpha.1
5 years ago
2.0.0
5 years ago
1.3.3
5 years ago
1.3.2
5 years ago
1.3.1
5 years ago
1.3.0
6 years ago
1.2.0
6 years ago
1.1.0
7 years ago
1.0.1
7 years ago
1.0.0
7 years ago
0.0.7
7 years ago
0.0.6
7 years ago
0.0.5
7 years ago
0.0.4
7 years ago
0.0.3
7 years ago
0.0.2
7 years ago
0.0.1
7 years ago