Skip to content

lifeeric/Automate-React-Component

master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
arc
 
 
 
 

Automate creating your ReactJs components

When I got frustrated creating components manually and it was all the same work I had to do repeatedly, so I came across this script to boot my productivity by creating ReactJs components through the shell script with one single command with the code snippet along with the SCSS file too.

image

cloning

ssh

$ git clone git@github.com:lifeeric/automate-React-Component.git

or https

$ git clone https://github.com/lifeeric/automate-React-Component.git

Permission

$ chmod +x arc

make it global

$ sudo cp arc /bin

Usage

syntax

$ arc [COMPONENT NAME]

example

$ arc Header
$ tree
.
└── src
    └── components
        └── Header
            ├── Header.scss
            └── Header.tsx

example 2

$ arc Header/Navbar
$ tree
.
└── src
    └── components
        └── Header
            ├── Header.scss
            ├── Header.tsx
            └── Navbar
                ├── Navbar.scss
                └── Navbar.tsx

New features need to be added

It works fine until now for me even if I try to create a nested component, at the moment I'm configured for TypeScript only. and hope to add Javascript, CSS as well. perhaps stop overwriting component

About

Creating ReactJs component with snippet and containing SCSS file too through this script by on command

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages