npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

@vicentedealencar/react-pdv-crl-5r

v0.0.1

Published

_TODO:_ Add a short description for your library. It should probably match the field `description` on the `package.json` file.

Downloads

4

Readme

@vicentedealencar/react-pdv-crl-5r npm Travis Codecov

TODO: Add a short description for your library. It should probably match the field description on the package.json file.

Usage

  • Install with yarn add @vicentedealencar/react-pdv-crl-5r.
  • Install peer dependencies (if you haven't already) yarn add react@^16.0.0 react-dom@^16.0.0.
  • Use the component:
import ReactPdvCrl5r from '@vicentedealencar/react-pdv-crl-5r'
import '@vicentedealencar/react-pdv-crl-5r/dist/react-pdv-crl-5r.css'

<ReactPdvCrl5r />

Demo

Props

| prop | type | default | required | description | | :----------- | :----------------------- | :---------- | :------- | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | | theme | 'default', 'primary' | 'default' | | Button theme. | | locale | string | 'en' | | Language to display the component. en and es are supported by default, but you can add other languages using the translations prop. | | translations | object | | | Extra locales for the component. Use this file as a template and pass the translations as { [locale]: [translations] }. |

Development

  • Run yarn start to start building the library in watch mode.
  • Write stories in the stories/index.js file.
  • This project lints and prettifies source files automatically before commiting. You can run yarn lint and yarn prettify to do this operations manually before commiting (although you shouldn't need to).

Testing

  • Execute yarn test to run the test with jest. Use yarn test --watch to run the tests in watch mode.
  • After every run (even in watch mode), a summary coverage report will be displayed directly on the terminal and a full html report will be generated in tests/coverage.

Publishing

  • Run yarn publish to release a new version.
  • Before publishing the library will be automatically built. You can manually build for production using yarn build.
  • After publishing the stories will be automatically deployed to github pages. You can manually deploy the stories using yarn deploy-storybook.

More info

Read @5rabbits/create-react-lib's wiki for extra information and advanced usage.