Are you tired of the chores you need to do after you run create-react-app before you can start coding? This package automates the first few jobs after running create-react-app, including making a components folder, setting up your App folder in it, moving relevant files, and cleaning out unneeded starter code/files.
There's no need to install anything. Just npx cra-prep straight after you run CRA, and it'll be done in a flash!
- Spin up a React app with create-react-app.
- Before changing any of the files, make sure you're in your app's root directory, and then run
npx cra-prep. This will:- Set up your component folder (
./src/components/) - Move your app files into
./src/components/Appand update imports - Clear out the starter code in the app index.js, CSS, and test files
- Delete the
logo.svgfile
- Set up your component folder (
- Code your app without the initial drudgery!