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
1
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