https://github.com/splittydev/cra-template
✨ My create-react-app template ✨
https://github.com/splittydev/cra-template
Last synced: 3 months ago
JSON representation
✨ My create-react-app template ✨
- Host: GitHub
- URL: https://github.com/splittydev/cra-template
- Owner: SplittyDev
- Created: 2021-08-30T15:25:59.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2021-08-31T17:13:23.000Z (almost 4 years ago)
- Last Synced: 2025-03-25T18:55:28.784Z (3 months ago)
- Language: JavaScript
- Size: 29.3 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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:
```js
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](https://create-react-app.dev/docs/getting-started) – How to create a new app.
- [User Guide](https://create-react-app.dev) – How to develop apps bootstrapped with Create React App.
[Jest]: https://www.npmjs.com/package/jest
[Testing Library]: https://www.npmjs.com/package/@testing-library/react
[React Router DOM]: https://www.npmjs.com/package/react-router-dom
[Styled Components]: https://www.npmjs.com/package/styled-components
[Recoil]: https://www.npmjs.com/package/recoil
[Recoil Persist]: https://www.npmjs.com/package/recoil-persist