Giter Club home page Giter Club logo

create-react-component-cli's Introduction

Create React Component CLI

A CLI for generate react and react-native components based on styled-components.

How to install

Since I have not yet found a name for this package that is available in the npm repository, you will need to clone the repository on your computer and make the link for the command to be made available globally.

Follow the steps below to do this:

  1. Clone this repository
$ git clone https://github.com/vitorleonel/create-react-component-cli
  1. Navigate to the cloned path and install the dependencies:
$ cd create-react-component-cli
$ yarn install
  1. In the cloned path, link the package to have the command available globally:
$ yarn link

Warning: This package uses yarn, if you use npm, change the syntax to execute the commands.

How to use

In the example below I create a component called Component:

$ create-react-component g Component

By default the command generates a component for reactjs and without the styled-components based styles file.

So that you can switch from reactjs to react-native or still want to create the styles file, see the examples:

  1. Change reactjs to react-native:
$ create-react-component g Component --rn
  1. Generate component with styles file:
$ create-react-component g Component --styles
  1. You may also want to combine both options:
$ create-react-component g Component --rn --styles

License

MIT - see LICENSE

create-react-component-cli's People

Contributors

vitorleonel avatar

Watchers

James Cloos avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.