Git Product home page Git Product logo

one's Introduction

What's This?

This is a (React + Redux + Router + isomorphic + SASS/SCSS + webpack + nodejs + koa2) starter kit, base from react-redux-starter-kit. It saves your time in construct a base runnable suit.

clone project: git clone https://github.com/windsome/one.git

一元夺宝效果

列表 详情 下注 个人 新建

structure

  1. /server contains server side code.
  2. /src contains client side code.
  3. /bin /config /build, contains build code.
  4. /doc contains more doc. read more tips

usage1: development use

same as original react-redux-starter-kit.

cd one
npm install  #(in china, when install scss-node, may face a timeout problem, you can use taobao mirror. see [cnpm](doc/tip_cnpm.md) )
npm start

then, you can open browser, and visit http://localhost:3000 。 For preview, you can visit http://mp.qingshansi.cn/coin using wechat browser.

usage2: build frontend code to /dist, run server code in /server

same as original react-redux-starter-kit.

npm install
npm run deploy:prod
npm run startprod

usage3: build frontend code to /dist, build server code to /sdist. really deploy to remote cloud.

difference with original react-redux-starter-kit.

 npm install
 npm run deploy:prod
 # compile servercode to /sdist.
 npm run deploy:prodserver
 # run from sdist
 npm run startprod2

Tips, see all tips.

read all tips

问题一:使用npm安装一些包失败了的看过来(npm国内镜像介绍)

淘宝npm镜像registry及cnpm

问题二:如何使用 node-inspector进行nodejs的调试

问题三:react组件属性有时总不出现,看看是不是属性名大小写出了问题?

一元夺宝项目

前端代码位于 src/routes/Coin, 后端使用post存储商品信息,order存储订单信息,每个商品对应的抽奖信息(抽奖随机数,抽中序号,应该放在postmeta表中),见 一元夺宝

one's People

Contributors

windsome avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.