Code Monkey home page Code Monkey logo

react-ant-mobile's Introduction

react-ant-mobile

React Ant Mobile Next.js

亲测已用到生产项目上

特性

  • 基于reactant-mobileNext.jsRedux web-mobile服务端渲染最佳实践。
  • 基于Ant Mobile UI ,手机webapp服务端渲染的最佳实践脚手架。
  • 通过NodeJs反向代理解决了跨域问题。

如何运行

```bash
npm install
npm run dev
打开 http://localhost:3000
```

构建与运行

```bash
npm run build
npm start
```

开发构建

目录结构

├── /actions/           # redux action
│ ├── home.js		# home.js
│ ├── http.js		# http.js
├── /api/		# http 请求
├── /components/	# 组件
│ │ ├── Layout.js	# 国际化
│ │ ├── MenuBar.js	# 底部导航
├── /decorators/	# 装饰器
│ │ ├── index.js        # 装饰器入口
│ │ ├── ReduxIni.js     # redux 装饰器
├── /pages/		# 组件
│ │ ├── _document.js    # http模板
│ │ ├── home.js		# home.js
│ │ ├── http.js		# http.js
│ │ ├── index.js	# 入口文件
│ │ ├── scss.js		# scss.js
├── /reducers/		# redux reducers
│ │ ├── index.js	# reducers 入口文件
│ │ ├── home.js		# home.js
│ │ ├── http.js		# http.js
├── /static/		# static
├── /styles/		# styles scss文件夹
├── package.json	# 项目信息
├── next.config.js	# next.js的webpack配置
├── postcss.config.js	# next.js的scss配置
├── server.js		# node server 反向代理也在其中配置
├── store.js		# redux 配置
├── .babelrc		# babelrc配置
└── .gitignore		# gitignore配置

错误

如果在 npm install 时候报错很有可能是安装node-sass报错。
执行下面的命令即可
npm install node-sass --registry=https://registry.npm.taobao.org

截屏

react-ant-mobile's People

Contributors

sunchenyang avatar

Watchers

James Cloos 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.