DEV Community

loading...
Cover image for Best cra-template to start a react project

Best cra-template to start a react project

gkhan205 profile image Ghazi Khan Originally published at codewithghazi.com ・1 min read

Hi All,

I'm glad to share this information with you all that I have created a template for create-react-app CLI.

Which anyone can use and start a project with a pre-configured react starter package that has 126 stars on Github and liked by many developers.

npx create-react-app <app-name> --template cwg-react

You just have to run this command replacing with your app name and it will create a new react project with the latest version of react and the cwg-react-starter package template.

The idea behind converting this package to a cra template is that many people are liking this template and to start a new project either they have to clone the repository or download the zip from GitHub which has an older version of react. Instead of cloning or downloading zip now, it will be more efficient to use it as a template and that too without worrying about react updates.

Detailed Blog about the structure

GitHub logo gkhan205 / cwg-react-starter

Pre-configured and Ready to use React Starter App. To save time in settings things up for new project. Almost everything needed is already configured. Just clone and start developing without wasting time in doing same stuffs for every project. (#codewithghazi)

GitHub license GitHub stars GitHub issues

CWG React Starter

Pre-configured and Ready to use React Starter App. To save time in settings things up for new project. Almost everything needed is already configured. Just clone and start developing without wasting time in doing same stuffs for every project. You can use it with Create React App as Template

npx create-react-app <app-name> --template cwg-react

Read detailed explanation here

Overview

Things included in this starter app

  • Folder Structure
  • Axios Interceptor
  • Redux with Redux-Thunk
  • Router with Private Route
  • Confugured for SCSS/SASS
  • Eslint & Prettier
  • Pre-commit Hook
  • Absolute Imports

Please follow this import style for better code readability

Folder Structure

Big and extensive React application should have well planned and organized project structure. Best way is to use a mix of strategies to achieve better results as I am going to describe next.

Top level project architecture (which is under src/ folder) should be organized by type. No files should…

Discussion (0)

Forem Open with the Forem app