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

radiance-ui

v30.2.0

Published

Curology's React based component library

Downloads

7,759

Readme

✨ Radiance UI

CircleCI

Curology's React based component library

Storybook

Radiance UI has a built in storybook. Every time a new commit is made to master, it is automatically deployed to https://radiance-ui.curology.com.

To run Storybook locally, use yarn run storybook.

Contributing

To contribute to Radiance UI, please create a PR with the following in the appropriate places:

  • Source code for the component
  • Tests
  • A storybook story

Tests

Tests can be run with yarn run test. Radiance uses Jest + @testing-library.

Local Development Setup

If you want to test out your changes with another repo that uses Radiance, we recommend using the link feature with npm or yarn.

Documentation

Documentation around usage can be found in the respective Docs page of every component on https://radiance-ui.curology.com

Publishing to NPM

You'll need access to publish to NPM so this part only applies to a few people (mostly within the Curology organization).

  1. Once approved in Github and Chromatic (if applicable), merge your PR(s) into master.
  2. Check out the master branch, fetch and pull.
  3. Commit an update to the CHANGELOG.md file with details.
  4. Run yarn run publish-package to build the bundled files and publish to NPM.
  5. Push changes made to package.json to remote repository
  6. On GitHub, tag a release with the proper version and details. You can do that here.

Thanks

Thanks to Chromatic for providing the visual testing platform that helps us review UI changes and catch visual regressions!