Code Monkey home page Code Monkey logo

react-spa-project's Introduction

react-spa-project

基于 react.js 技术栈构建的纯前端SPA项目框架.

技术栈

  • react.js(v15.6)
  • redux react-redux redux-trunk(状态管理,异步action推荐使用redux-saga会更优雅些)
  • react-router4(前端路由,组件异步加载、认证、过渡等)
  • immutable(优化、提升性能)
  • fetch(网络请求封装)
  • styled-components(css in js 方案,语法高亮请使用styled-babel-sublime
  • antd(基于react的UI组件库Ant Design Mobile
  • PWA (渐进式Web应用)
  • Webpack(工程化、自动构建)
  • Redux DevTools extension(支持Redux调试插件,非侵入式)
  • 如果需要实现组件动画效果,推荐使用:Ant Motion
  • 如果需要服务端渲染(SSR),推荐使用:NEXT
  • 如果需要显示页面加载进度,推荐使用:PACE
  • 如果需要日志收集、异常报告服务,推荐使用:Sentry
  • 组织State中的范式化数据,可使用库:normalizr

较新的学习文档

注:UI尺寸直接使用以750为基准的px(自动转rem),参见antd mobile「高清」方案设置

如果你chrome安装了[Egret Inspector](一款H5游戏引擎的调试插件),它可能会和[react-redux]冲突!原因

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:3000
npm start

# build for production with minification
npm run build

react-spa-project's People

Contributors

xiaoping6688 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  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.