cra-prep

Automates the first few chores after running create-react-app, including making a components folder, setting up App folder, moving relevant files, and cleaning out extraneous demo code bits

Usage no npm install needed!

<script type="module">
  import craPrep from 'https://cdn.skypack.dev/cra-prep';
</script>

README

CRA-prep

npm version npm bundle size

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!

Usage

  1. Spin up a React app with create-react-app.
  2. 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/App and update imports
    • Clear out the starter code in the app index.js, CSS, and test files
    • Delete the logo.svg file
  3. Code your app without the initial drudgery!