gfsdevopsray / cra-template-carl-complete

cra-template-carl-complete

(STOLEN FROM cra-template-complete-web-app by Cristiano Raimondi @chrisuser) CRA template with: typescript, sass, react-router, redux and much more already configured.

⚗️ Technologies list

• TypeScript
• Sass
• Redux Toolkit
• Router
• 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.