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:

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

or

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:

    │
    ├── 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.
Please refer to its documentation:

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