项目作者: fanqingsong

项目描述 :
JD Mobile WEB APP, optimize by Router Axios Redux React-Redux Redux-thunk Redux-Middleware Props-type React-Intl React.lazy
高级语言: JavaScript
项目地址: git://github.com/fanqingsong/react_jdlike_webapp.git
创建时间: 2019-03-05T15:31:37Z
项目社区:https://github.com/fanqingsong/react_jdlike_webapp

开源协议:

下载


Introduction

The preject is based on project(Cathy0807/react), becuase I found that project is a little bit obsolete, so I add some new advanced react technology stack while learning.

It is a mock up of JD app. If you are basic learner, you can learning from this project, enjoy yourself.

Added React Technologies:

  • use React.component to replace obsoleted api React.CreateClass
  • use Restful api to replace jsonp api, introducing axios
  • use React-Router to turn it to Multipage project
  • use Redux to manage the data form restful api
  • use React-Redux to manage the data form restful api
  • transfer restul request to action using redux-thunk
  • beautify navigation tab bar!
  • write a middleware for the similar logic of get data.
  • add prop-type check for component robust.
  • add react-intl for internationalization.
  • upgrade base by create-react-app

Demo

avatar

Install

  1. ./bin/install.sh

Build

  1. ./bin/build.sh

Run

Backend

  1. ./bin/start_backend.sh

Frontend

open browser, access the URL http://localhost:3000/

  1. ./bin/start_frontend.sh