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) becoming an unsupported tool, for this reason i've created a new template 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.

⚗️ Technologies list

• TypeScript
• Sass
• Redux Toolkit
• Router
• Axios
• Moment
• ESlint & Prettier

🚀 Start using it

To use this template for your app you can run:

1npx create-react-app my-app --template complete-web-app

or

1yarn 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:

1    │
2    ├── public                  # public files (favicon, .htaccess, manifest, ...)
3    ├── src                     # source files
4    │   ├── components
5    │   ├── pages
6    │   ├── resources           # images, constants and other static resources
7    │   ├── store               # Redux store
8    │   │   ├── actions         # store's actions
9    │   │   └── reducers        # store's reducers
10    │   ├── styles
11    │   ├── tests               # all test files
12    │   ├── types               # data interfaces
13    │   ├── utility             # utilities functions and custom components
14    │   ├── App.tsx
15    │   ├── index.tsx
16    │   ├── react-app-env.d.ts
17    │   ├── RootComponent.tsx   # React component with all the routes
18    │   ├── serviceWorker.ts
19    │   └── setupTests.ts
20    ├── .eslintrc.js
21    ├── .gitignore
22    ├── .prettierrc
23    ├── package.json
24    ├── README.md
25    └── tsconfig.json

📖 Learn More

This package includes scripts and configuration used by Create React App.
Please refer to its documentation:

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