Rekit

An IDE for React/Redux development

Installation

npm install -g rekit

Step 1:

Step 2:

rekit create <app-name> [--sass] [--clean]

Step 3:

npm install => npm start
{
  ...
  "rekit": {
    "devPort": 6075,
    "studioPort": 6076,
    "buildPort": 6077,
    ...
  }
  ...
}

http://demo.rekit.org/

Architecture

Demo

Rekit studio (IDE) : 

http://localhost:6076

Dev server :  

http://localhost:6075

Advantages

  • Configure itself
    • webpack, babel, hot-loader...etc 
  • Project Analyze
    • unused component, components dependency
  • Testing、Styling、Refactoring easily
    • rename component / route name

Disadvantages

  • High Limitation
  • Edit only one file at same time
  • Code auto-complete
  • Graphql ??

Rekit

By Travor Lee

Rekit

  • 131