Mk-js, an all-stack framework based on react and Nodejs

Objective

In this era of front-end technology explosion, do not write their own set of open-source framework out of the door are embarrassed to talk to others to engage in front. Early last year in contact with the react,16 July on GitHub Open source a set of projects for react, redux Exploration, recently and partners to restructure the project, waiting for everyone to shoot bricks ... I don't understand why it will be removed when it is published to the home area ...

Framework Introduction

• mk frame = Monkey King frame = Franzia Tianda frame
• Basic technology stack: react, redux, immutable, Antd, Webpack, Nodejs, Hapi, sequelize, Node-zookeeper-dubb, etc.
• Core idea of frame: JS full stack, application

Introduction URL

Https://ziaochina.github.io/mk-docs

Characteristics

• Divide your site into separate apps, each app development pattern is exactly the same, and you can clone the Npmjs release template app
• Split the background service into separate services, each Servie development pattern is exactly the same, and can clone Npmjs published template service
• Developers do their own app,service can be published to NPMJS Open source for other developers to use, become an ecological framework

Use

• Step one, using the MK command to create a website

$ NPM i-g mk-tools        //install mk$ MK website my-demo && CD My-demo      //Create empty website $ mk Clone Mk-app-root A pps/     //clone root app $ mk clone Mk-app-login apps/    //Clone login app $ mk clone mk-app-portal apps/   //Clone gate User App $ mk clone mk-app-person-list apps/     //Clone list app $ mk clone Mk-app-person-card apps/     //Clone card app $ mk Clone Mk-ap P-complex-table apps/   //Clone complex table application $ mk Clone mk-app-editable-table apps/  //Clone editable table application $ mk Clone mk-app-tree-t Able apps///   clone Zo Shu Right table apply $ MK Compile website//compile Web site

• Step Two, configuration

Modified files: my-demo/config.js//can also directly into the apps directory to modify the app content    according to their needs ... _options.apps && _options.apps.config ({//' * ': {WEBAPI}//official website should have a full Webapi object that provides all Web request functions ' Mk-app-root ': { Startappname: ' Mk-app-login '}, ' Mk-app-login ': {goafterlogin: {appName: ' Mk-app-portal '}}, ' Mk-app-portal ': {menu: [{ Key: ' 1 ', Name: ' About ', AppName: ' Mk-app-portal-about ', isdefault:true}, {key: ' 2 ', Name: ' Apps ', Isexpand:true,children : [{key: ' 201 ', Name: ' List ', AppName: ' Mk-app-person-list '}, {key: ' 202 ', Name: ' Card ', AppName: ' Mk-app-person-card '},{key: ' 203 ', Name: ' Complex table ', AppName: ' mk-app-complex-table '},{key: ' 204 ', Name: ' Editable form ', AppName: ' Mk-app-editable-table '},{key : ' 205 ', Name: ' Tree table ', AppName: ' mk-app-tree-table '},{key: ' 206 ', Name: ' Histogram ', AppName: ' Mk-app-bar-graph '}]}]}) ...

　　

• Step three, modify the code as needed to achieve their own functional requirements
• Step four, run NPM start

DEMO

Follow the steps above to get a website like this

Online access to a demo I've done, url: Https://ziaochina.github.io/mk-demo

Mk-js, an all-stack framework based on react and Nodejs