SplittyDev/cra-template

✨ My create-react-app template ✨

cra-template

SplittyDev's personal and production-ready create-react-app template.

Tech Stack

• Jest as test runner
• Testing Library for component testing
• React Router DOM for routing
• Styled Components for styling
• Recoil for state management
• Recoil Persist for state persistence and hydration

Additional Goodies

• Imports relative to src are enabled by default:

  import MyComponent from 'components/MyComponent'
  import MyPage from 'pages/MyPage'

• Provides a basic .editorconfig file
• Includes a basic routing skeleton in src/App.js
• Includes a default Page component for consistent page styling

Project Structure

.
├── README.md
├── .editorconfig
├── .gitignore
├── jsconfig.json
├── public
│   ├── favicon.ico
│   ├── index.html
│   ├── logo192.png
│   ├── logo512.png
│   ├── manifest.json
│   └── robots.txt
└── src
    ├── App.js
    ├── App.test.js
    ├── components
    │   └── Page.js
    ├── index.css
    ├── index.js
    ├── pages
    │   └── HomePage.js
    ├── reportWebVitals.js
    └── setupTests.js

For more information, please refer to:

• Getting Started – How to create a new app.
• User Guide – How to develop apps bootstrapped with Create React App.