Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/chrisuser/cra-template-complete-web-app
CRA template with: typescript, axios, sass, react-router, redux and much more already configured.
https://github.com/chrisuser/cra-template-complete-web-app
axios create-react-app jest jest-tests moment momentjs react react-redux react-router react-router-dom react-router-v6 reactjs redux reduxjs sass template typescript
Last synced: about 1 month ago
JSON representation
CRA template with: typescript, axios, sass, react-router, redux and much more already configured.
- Host: GitHub
- URL: https://github.com/chrisuser/cra-template-complete-web-app
- Owner: ChrisUser
- License: mit
- Created: 2021-12-24T11:59:37.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2024-03-23T22:27:08.000Z (10 months ago)
- Last Synced: 2024-04-24T16:48:15.762Z (9 months ago)
- Topics: axios, create-react-app, jest, jest-tests, moment, momentjs, react, react-redux, react-router, react-router-dom, react-router-v6, reactjs, redux, reduxjs, sass, template, typescript
- Language: TypeScript
- Homepage: https://www.npmjs.com/package/cra-template-complete-web-app
- Size: 72.3 KB
- Stars: 12
- Watchers: 2
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# cra-template-complete-web-app
CRA template with: typescript, axios, sass, react-router, redux and much more already configured.
> [!IMPORTANT]
> Create React App is ([unofficially](https://github.com/facebook/create-react-app/issues/13393)) becoming an unsupported tool, for this reason i've created a [new template](https://github.com/ChrisUser/vite-complete-react-app) using Vite with the same features as this one.\
> I will continue to support this template for as long as possible but I strongly suggest you to switch to the newer one.
✨ Now supports React 19 and React Router 7 ✨
## ⚗️ Technologies list
- [TypeScript](https://www.typescriptlang.org/)
- [Sass](https://sass-lang.com/)
- [Redux Toolkit](https://redux-toolkit.js.org/)
- [Router](https://reactrouter.com/)
- [Axios](https://axios-http.com/)
- [Moment](https://momentjs.com/)
- [ESlint](https://eslint.org/) & [Prettier](https://prettier.io/)
# 🚀 Start using it
To use this template for your app you can run:
```sh
npx create-react-app my-app --template complete-web-app
```
or
```sh
yarn create react-app my-app --template complete-web-app
```
The `--template` parameter points to this template, note that `cra-template-` prefix is omitted.
# ⚠️ Warning
Cloning this repo pulls down the template only, not a bundled and configured Create React App.
# 🧬 Template structure
This is the structure of the files in the template:
```sh
│
├── public # public files (favicon, .htaccess, manifest, ...)
├── src # source files
│ ├── components
│ ├── pages
│ ├── resources # images, constants and other static resources
│ ├── store # Redux store
│ │ ├── actions # store's actions
│ │ └── reducers # store's reducers
│ ├── styles
│ ├── tests # all test files
│ ├── types # data interfaces
│ ├── utility # utilities functions and custom components
│ ├── App.tsx
│ ├── index.tsx
│ ├── react-app-env.d.ts
│ ├── RootComponent.tsx # React component with all the routes
│ ├── serviceWorker.ts
│ └── setupTests.ts
├── .eslintrc.js
├── .gitignore
├── .prettierrc
├── package.json
├── README.md
└── tsconfig.json
```
# 📖 Learn More
This package includes scripts and configuration used by [Create React App](https://github.com/facebook/create-react-app).\
Please refer to its documentation:
- [Getting Started](https://facebook.github.io/create-react-app/docs/getting-started) – How to create a new app.
- [User Guide](https://facebook.github.io/create-react-app/) – How to develop apps bootstrapped with Create React App.