Elevated React

Elevated React is an extended Create-React-App with additional technology and organized file structure. Upon running the command an entire react application will be created with all the bells and whistles.

View the Github

Submit issues HERE

Technology included and set up:

• React
• React Router Dom
• Redux
• React-Redux
• Redux-Thunk
• Sass (Folder Structure Only)
• Axios

How to use:

If you want to install globally you can use:

npm i -g elevated-react

Then you can start your application with:

elevated-react app-name
cd app-name
npm start

How to use with npx without installing globally:

npx elevated-react app-name
cd app-name
npm start

(npx comes with npm 5.2+ and higher)

Structure

File structure for organization is as so:

Project-Folder
├── README.md
├── package-lock.json
├── package.json
├── public
│   ├── favicon.ico
│   ├── index.html
│   └── manifest.json
├── sass
│   ├── components
│   │   ├── _base.scss
│   │   └── _header.scss
│   └── index.scss
├── src
│   ├── App.js
│   ├── App.test.js
│   ├── actions
│   │   └── index.js
│   ├── components
│   │   ├── Header.js
│   │   ├── Home.js
│   │   └── List.js
│   ├── config
│   │   └── routes.js
│   ├── constants
│   │   └── action-types.js
│   ├── containers
│   │   └── baseContainer.js
│   ├── index.css
│   ├── index.css.map
│   ├── index.js
│   ├── logo.svg
│   ├── models
│   │   └── Base.js
│   ├── reducers
│   │   └── index.js
│   ├── registerServiceWorker.js
│   └── store
│       └── index.js
└── yarn.lock