React迷惑的几个地方，求指点！

#7

好的，thank u!! 已star，我下载下来看看

#8

俊哥，真的是哪哪都有你！哈哈哈

#9

哪位大神喊我。。？我很跳，比较活泼

#10

其实每个组件都是需要接受一个状态，根据不同的状态改变组件显示模式，即可实现多重复使用

1 Like
#11

和你说一下，如果没有服务器的配合的话，你使用react做单页应用的话，请使用hashHistory，如果服务器配合的话可以使用browserHistory。 不信的话你的网站随便点开一个连接刷新一下看看，绝对404

1 Like
#12

顺便

#13

react router 是控制路由实现react 单页面应用跳转的，要用react做后台 先看一下react router 和 antd 的一些组件就可以了，当应用涉及大面积的数据交互，就要去学习redux 啦

1 Like
#14

为什么会有后台系统不能做成单页的疑问? 出于性能考虑还是什么呢?
由于react仅仅是一个View, 开发大型应用需要其它库的配合, 比如数据管理 redux/mobx, 路由 react-router, 网络请求 axios 等等.

1 Like
#15

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’]
})
]

1 Like
#16

HtmlWebpackPlugin 你要载入进来
outputPath也要定义
有多少个页面
你就new多少个HtmlWebpackPlugin()
HtmlWebpackPlugin这里面的配置你可以去查一下~~~
这样就可以多页面了…
我也是刚学…
有错的话，请各位指点~~~

#17

@cc_react
react 对于你说的这种系统，以数据为主的，vue、react\angular等这种框架都可以啊，
vue+vuex 、react + redux 最好，redux、vuex都是数据流管理的，项目越大越需要这样的东西，不然后面要崩溃，
业务时间也有整理一些 react+redux 的示例，有兴趣可以看看：https://github.com/meibin08
vue的还在整理中，希望对你有帮助。

1 Like
#18

这个项目是多页面吗？用webpack做多页面好使吗？ 我先star下来看看

#19

还真是，我周末该成router后也发现了这个问题，我按照你的方法试试，谢啦！！！

#20

router已大概看了，试着把网站也改成了router控制菜单。
antd算是组件集合吧，我不太明白多页面去转义压缩啥的，用webpack多入口做吗？

#21

好的，谢啦，我试试看

#22

好的，多谢
还是得自己研究研究，我star下来看看

#23

路由方案可以参考我的文章 https://github.com/jnotnull/dva-generator/issues/3

#24

做成单页面的话，首次加载应该很慢吧，毕竟打包成一个js还是挺大的

#25
#26

体积主要在各种库和框架, 这部分是不易变的内容, 可以配置webpack抽离到一个js中, 然后设置较长时间的缓存.
还可以结合webpack的按需加载功能, 将某些功能用到时再加载, 能有效缩减初次加载时间