React迷惑的几个地方,求指点!

#1

看完react后懂动手做了个网站,单纯粹用react做的,router redux antd什么都没用,有些疑惑的地方,请教一下:

  1. react在做大型应用时,比如后台系统,总不能做成单页面应用吧,不知道到底该怎么做?
    做出多页面的话,又如何下手,webpack不太适合
  1. react出发点是可复用的ui组件,这句话能理解,但如何充分利用?
#2

react是用来做web system的, 你这单页html就够了。。

#3

react-router控制路由,redux管理状态,react写ui组件。这样就可以构建复杂应用啦

1 Like
#4

对,我就是对做系统类网站不知道怎么做,总不能也做成单页面把

#5

你的意思是有多个页面吗?那webpack怎么配合?还是不太理解,大神能不能讲细点,thank u…

#6


不嫌弃的话,可以看看我的项目是怎么做的?或者看看其他一些好的项目咯,看源码学习的快。有啥问题能帮的可以加微信一起探讨。

#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多入口做吗?