Create presets for `react-content-loader`

[Danilo Woznica]

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;
3. Use the following boilerplate (don't forget to fill the metadata);
4. Insert the file in the gallery, here;
5. Open a PR;

Boilerplate

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

const __NAME_OF_LOADER__ = props => {
  return (
    <ContentLoader
      height={40}
      width={1060}
      speed={2}
      primaryColor="#d9d9d9"
      secondaryColor="#ecebeb"
      {...props}
    >
    // your loader
    </ContentLoader>
  )
}

__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__

[Ali Daghighi]

I'm in!

[Aditi Tipnis]

I'm in!

[Afrizal Fikri]

I'm in!

[Sarah Ann Garcia]

I'm working on one now!

[SyedRR]

I'm in!

[Sarah]

I'm in!

[Pushp Vashisht]

I'm working on one now!

[Pushp Vashisht]

I'm working on one now!

Sorry, I am a newbie to open source, I committed my changes to the master branch on my machine, now I cant push to remote, I think that's because I don't have write access to the branch. Can anyone guide me how to contribute?

[Danilo Woznica]

Hey @pushp1997, I think it could help you:
https://opensource.com/article/19/7/create-pull-request-github

Let me know if you have doubts yet :)

[Pushp Vashisht]

Hi @danilowoz, Please accept my PR, it's been pending since 2 days. Thanks.

[duyphuong]

Hi @danielerota , I just add a new loader preset. Please take a look

[coktopus]

Added one loader 'youtube-fresh' #200

[Melissa Huerta Dev]

I'm in, can I work on this?

[Danilo Woznica]

@piratelicorne sure, feel free to submit a PR for a new preset :)

[mogwai.]

Hey @danilowoz - just joined in. I submitted a PR for a HackerNews content loader/skeleton. I hope it's up to spec. Thanks!

[Maxgit3]

@danilowoz I added a pull request #213. Thank you for your consideration.

[Sagi Levi]

Hey @danilowoz, I submitted a pull request #295 Thank you for your consideration.

[Vibhav]

I'm in can I work on this?

[Danilo Woznica]

Hey, @DATTU005! Feel free to contribute and open a PR 😄