如果你想把 Pjax 运用到 React 里,这里有些我实践中所遇到的问题

2017-01-03 10:05:28 +08:00
 aleen42

注意,本文是用英文书写,作者水平虽不高。但是,我想大家应该能看懂:

Pjax, combined with powerful React

详情请看原文: https://github.com/aleen42/PersonalWiki/blob/master/Programming/JavaScript/Framework/react/react_and_pjax/react_and_pjax.md

2980 次点击
所在节点    JavaScript
8 条回复
rupert
2017-01-03 15:23:03 +08:00
Pjax 是模仿单页面,想做单页面应用用 React 全家桶即可
aleen42
2017-01-03 15:32:43 +08:00
@rupert 😆 明白
swirling
2017-01-03 15:39:26 +08:00
想了想还是来说两句吧
1. 你做的东西和 react-router 功能非常重叠,就是 load 东西的时候用 pushState ,但是实际上这个就是正常的 a tag 的模拟,用 router 更好,因为和 load 之间分离更清楚,和 component 之间解耦更好,参数传递可以做语义化的 link 什么的。
2. 如果你一定要做,做成 high order component ,这样可以和 dom 解耦。
3. 还有就是你那个改根据 viewName 来加载文件这样做不是很好,如果你知道 nginx 的话,用 try_files
server {
...
location / {
try_files $uri /index.html
}
}
或者对于 express 来说就是 app.use('*', function(req, res){
res.sendFile(path.resolve(__dirname, 'public', 'index.html'))
})
大概就是这样。
aleen42
2017-01-03 16:51:31 +08:00
@swirling 👍👍小弟受教
aleen42
2017-01-03 16:59:58 +08:00
@swirling 採用 viewName 來定義每一個頁面的確會存在手動定義而導致開發效率慢的問題。但是關於解耦的問題,可能目前還沒對比過,需要做更深一步的理解。在此先謝謝大哥
chloerei
2017-01-03 17:03:20 +08:00
Pjax 开发繁琐,推荐 Turbolinks 。
wang9706
2017-01-03 17:19:38 +08:00
aleen42
2017-01-03 19:29:11 +08:00
@chloerei 好的,我以後實踐一下

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/331826

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX