Rapid-react-pkg-demo NPM

🌊 rapid-react-pkg-demo

This is a CLI tool for quickly producing a small react package demo from a README file. It provides simple commands to run a development server and build your Next.js application using react-pkg-demo.

Installation

To install the CLI globally, run:

npm install rapid-react-pkg-demo --save-dev

Usage

Development

Run the Next.js development server.

rapid dev [options]

Build

Build the Next.js application.

rapid build [options]

Options

Option	Default	Description
`-r, --readme <path>`	`./README.md`	Path to the README.md file
`-c, --config <path>`	`./rapid.config.js`	Path to the rapid config file

Example with options

rapid dev --readme ./docs/README.md --config ./config/rapid.config.js

Rapid Config File

The rapid.config.js file is used to configure the behavior and appearance of your react package demo. Below is an example configuration:

const Code = require("./src/components/Code");
const { Button } = require("./src");

module.exports = {
  color: "#d3c1ad",
  packageName: "react-package",
  description: "a package react things",
  icon: "⏩",
  scope: { Button, Code },
};

Configuration Options

Property	Type	Required	Description
`color`	`string`	Yes	The primary color used in the demo.
`packageName`	`string`	Yes	The name of the package.
`description`	`string`	Yes	A short description of the package.
`icon`	`string`	Yes	An icon representing the package.
`scope`	`object`	No	An object containing components to be demoed using react-live.