看完react后懂动手做了个网站,单纯粹用react做的,router redux antd什么都没用,有些疑惑的地方,请教一下:
- react在做大型应用时,比如后台系统,总不能做成单页面应用吧,不知道到底该怎么做?
做出多页面的话,又如何下手,webpack不太适合
- react出发点是可复用的ui组件,这句话能理解,但如何充分利用?
看完react后懂动手做了个网站,单纯粹用react做的,router redux antd什么都没用,有些疑惑的地方,请教一下:
- react在做大型应用时,比如后台系统,总不能做成单页面应用吧,不知道到底该怎么做?
做出多页面的话,又如何下手,webpack不太适合
- react出发点是可复用的ui组件,这句话能理解,但如何充分利用?
和你说一下,如果没有服务器的配合的话,你使用react做单页应用的话,请使用hashHistory,如果服务器配合的话可以使用browserHistory。 不信的话你的网站随便点开一个连接刷新一下看看,绝对404
react router 是控制路由实现react 单页面应用跳转的,要用react做后台 先看一下react router 和 antd 的一些组件就可以了,当应用涉及大面积的数据交互,就要去学习redux 啦
为什么会有后台系统不能做成单页的疑问? 出于性能考虑还是什么呢?
由于react仅仅是一个View, 开发大型应用需要其它库的配合, 比如数据管理 redux/mobx, 路由 react-router, 网络请求 axios 等等.
webpack写多页面的话,可以这样
//入口
entry: {
//一个界面一个入口也可以是jsx
‘admin’ : ‘./src/pages/admin.js’,//这里是管理界面
‘work’ : ‘./src/pages/work.js’,//其他工作界面
index : ‘./src/pages/index.js’,//首页
error : ‘./src/pages/error.js’,//错误界面
vendor:[‘react’, ‘react-dom’, ‘whatwg-fetch’],//一些依赖的库
},
…
//出口文件
output: {
path: outputPath,//出口文件目录,这个你要在上面设置
filename: ‘js/[name].js’,//
},
…
plugins: [
new HtmlWebpackPlugin({//首页
template: ‘./src/index.html’,
title:‘首页’,
filename:’./index.html’,
chunks: [‘vendor’, ‘index’]
}),
new HtmlWebpackPlugin({//错误界面
template: ‘./src/error.html’,
title:‘404’,
filename:’./error.html’,
chunks: [‘vendor’,‘error’]
})
]
HtmlWebpackPlugin 你要载入进来
outputPath也要定义
有多少个页面
你就new多少个HtmlWebpackPlugin()
HtmlWebpackPlugin这里面的配置你可以去查一下~~~
这样就可以多页面了…
我也是刚学…
有错的话,请各位指点~~~
@cc_react
react 对于你说的这种系统,以数据为主的,vue、react\angular等这种框架都可以啊,
vue+vuex 、react + redux 最好,redux、vuex都是数据流管理的,项目越大越需要这样的东西,不然后面要崩溃,
业务时间也有整理一些 react+redux 的示例,有兴趣可以看看:https://github.com/meibin08
vue的还在整理中,希望对你有帮助。