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

tools-react-cli

v0.2.0

Published

React CLI is a tool that automates frequent tasks during developing of React apps

Downloads

17

Readme

tools-react-cli

Node.js CI codecov

React CLI is a tool that automates frequent tasks during developing of React apps

Installation

As global package

npm i -g tools-react-cli

rc global command will be available after installation:

rc <command> [options]

As npx script

npx tools-react-cli <command> [options]

Usage

List of commands

rc <command> [options]

Commands:
  rc generate  Generates files based on templates                                       [aliases: g]

Options:
  --help     Show help                                                                     [boolean]
  --version  Show version number                                                           [boolean]

Generate command

rc generate

Generates files based on templates

Commands:
  rc g component  Generates component                                                   [aliases: c]

Generate component

rc g component

Generates component

Options:
      --help        Show help                                                              [boolean]
      --version     Show version number                                                    [boolean]
  -n, --name        Component name                                               [string] [required]
  -p, --path        Generation target path. Default - cwd
                     [string] [required]
  -s, --styles      Style file format to generate. Use false to not generate styles file. Default -
                    scss     [string] [required] [choices: "css", "scss", "false"] [default: "scss"]
  -t, --typescript  Pass true to generate typescript files      [boolean] [required] [default: true]
  -c, --connected   Pass true to generate redux-connected component
                                                               [boolean] [required] [default: false]

Generate component examples

  • Generate simple component Typescript/SCSS/
rc g c -n ComponentName -s scss -t
  • Generate simple component Typescript(by default)/no styles/
rc g c -n ComponentName -s false
rc g c -n ComponentName -s scss -t -c