rb
react-bones
npm i react-bones
rb

react-bones

πŸ’€ Dead simple content loading components for React and React-Native. πŸ’€

by John (Ottenlips) Franke

1.0.3 (see all)License:MITTypeScript:Not FoundCategories:React Loading Skeleton, React Native Loading Skeleton
npm i react-bones
Readme

react-bones

Dead simple loading components for React and React-Native.

NPM GitHub

πŸ’€ npm i react-bones

React

import { Bones } from "react-bones/lib";

React-Native

import { Bones } from "react-bones/native";

const Post = (props) =>
  props.loading ? (
    <View>
      <Bones />
      <View style={{ padding: 10 }} />
      <Bones width={600} height={20} />
      <View style={{ padding: 10 }} />
      <Bones width={600} height={20} />
      <View style={{ padding: 10 }} />
      <Bones width={600} height={20} />
      <View style={{ padding: 10 }} />
    </View>
  ) : (
    <View>
      <Image style={{ width: 50, height: 50 }} source={{ uri: props.image }} />
      <Text>{props.text}</Text>
    </View>
  );

Storybook Demo

Homepage

Demo

Example

Clone the repo and run yarn run web for a CRA example.

A fully linked React-Native example is coming soon.

For now, cd packages/bones_react_native_app

yarn
yarn run ios

Thanks

Shoutout to everyone that works on react-native-web It is a great library!

Downloads/wk

18

GitHub Stars

41

LAST COMMIT

7mos ago

MAINTAINERS

1

CONTRIBUTORS

0

OPEN ISSUES

2

OPEN PRs

0
VersionTagPublished
1.0.3
latest
2yrs ago
No tutorials found
Add a tutorial

Rate & Review

100
No reviews found
Be the first to rate