Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

react-creates

Package Overview
Dependencies
Maintainers
1
Versions
36
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-creates

React creates for you useful and common tools that adapt themselves to your project for faster and easier development

  • 1.0.10
  • npm
  • Socket score

Version published
Maintainers
1
Created
Source

React Creates (CLI) ⚛️

Simple and easy to use react CLI.
React creates for you useful and common tools that adapt themselves to your project for faster and easier development

Table of content

  • Getting Started ⬇️
  • Features
  • Support 👨‍🔧
  • Contributing 👩‍💻

You can go to ways:

  • Smart (Zero configuration)
  • Advance (Configure by your needs)

Getting Started ⬇️

Writer this in the terminal inside your react project:

npx react-creates component MyComponent

Will generate for you:

📦MyComponent
 ┣ 📜MyComponent.js
 ┣ 📜MyComponent.test.js
 ┣ 📜index.js
 ┗ 📜style.css

Features

React Creates will support as many cases as it can, You need a use case it doesn't support? Please open issue.

You want to create flow for that use case? You are more than welcome! Learn how here.

Current features:

Component

React lets you define components as classes or functions. But why you need to write it every time? Here how to do create one in seconds:

Start

npx react-creates component <name>

Options

OptionDefaultDescription
--scssfalseForce scss style
--cssfalseForce css style
--sassfalseForce sass style
-l --language <scripting>Calculated (Checks for tsconfig to determent)Select the language you want the component to be
-d --directory <target>process.cwd()Component directory
-t --type <component>functionWhat type of the component it should be. (function or class)
-pt --prop-typesfalseShould add Prop-types. Only works if inside javascript project
-f --functionfalseForce function component
-c --classfalseForce class component
-s --style <styling>cssSelected style
--skip-testfalseWill not create test file

Examples

npx react-creates component MyComponent

npx react-creates component MyComponent --type class

npx react-creates component MyComponent --style sass

npx react-creates component MyComponent -d /Users/project/cool-project

npx react-creates component MyComponent -l typescript

Support 👨‍🔧

Please open an issue for support.

Contributing 👩‍💻

Please contribute using Github Flow. Create a branch, add commits, and open a pull request.

Keywords

FAQs

Package last updated on 18 Aug 2020

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc