temprr
v1.0.2
Published
This is a command line interface tool that help to create componet folder in react projects and clean up annoying src folder and add nice folder structure
Downloads
10
Maintainers
Readme
temprr
temprr is a command-line tool that streamlines the process of cleaning up preset code generated by Create React App (CRA) and Vite, and it also assists in creating React component folders.
Features
- Remove unnecessary boilerplate code generated by CRA and Vite.
- Create React component folders with a consistent structure.
- Save time and reduce repetitive manual tasks when starting new React projects.
Installation
You can install temprr globally using npm or yarn:
npm install -g temprr
Or
yarn global add temprr
Usage
To clean up a Create React App (CRA) project, navigate to your project directory and run the following command:
temp
This will remove unnecessary boilerplate code and files generated by CRA. and give you src folder with the following structure
src/
├── api
├── assets
├── components
├── constants
├── hoc
├── hooks
├── pages
├── ui
├── util
├── App.jsx
├── App.module.css
├── index.css
├── index.js
Creating React Component Folders
To create a React component folder with a consistent structure, run the following command:
fc MyComponent
Replace 'MyComponent' with the name of your component. This will create a folder for your component with the following structure:
MyComponent/
├── MyComponent.jsx
├── MyComponent.module.css
├── MyComponent.test.js
└── index.js
it will automatically create it in the src/components folder
NOTE: You must be sure that you have a components folder inside the src folder to generate components successfully