danilowoz / danilowoz/create-content-loader

Create presets for `react-content-loader`

Open
#62 20 comments 0 reactions 0 assignees View on GitHub
beginner good first issue hacktoberfest help wanted
Dominant language
JavaScript
Stars
1.2k
Forks
284
PR merge metrics
No merged PRs in 30d

Description

## Share your loader with the community.

That's is a way to share your custom loader with the React community. Besides you can help the other developers to create amazing loaders to their interfaces. **There are so many ways to build a content loader, show off here!**

## How to insert a loader?

1. Build your custom amazing loader;
2. Create a file with a custom name, [here](https://github.com/danilowoz/create-content-loader/tree/master/src/Gallery/insertYourLoaderHere);
3. Use the following boilerplate (don't forget to fill the metadata);
4. Insert the file in the gallery, [here](https://github.com/danilowoz/create-content-loader/blob/master/src/Gallery/insertYourLoaderHere/index.js);
5. Open a PR;

## Boilerplate

```jsx
import React from "react"
import ContentLoader from "react-content-loader"

const __NAME_OF_LOADER__ = props => {
return (

// your loader

)
}

__NAME_OF_LOADER__.metadata = {
name: __WRITEHERE__, // My name
github: __WRITEHERE__, // Github username
description: __WRITEHERE__, // Little tagline
filename: __WRITEHERE__ // filename of your loader
}

export default __NAME_OF_LOADER__

```

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.