V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
aleen42
V2EX  ›  JavaScript

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

  •  
  •   aleen42 · 2017-01-03 10:05:28 +08:00 · 2867 次点击
    这是一个创建于 2675 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

    pjax react

    Pjax, combined with powerful React

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

    8 条回复    2017-01-03 19:29:11 +08:00
    rupert
        1
    rupert  
       2017-01-03 15:23:03 +08:00
    Pjax 是模仿单页面,想做单页面应用用 React 全家桶即可
    aleen42
        2
    aleen42  
    OP
       2017-01-03 15:32:43 +08:00 via Android
    @rupert 😆 明白
    swirling
        3
    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
        4
    aleen42  
    OP
       2017-01-03 16:51:31 +08:00 via Android
    @swirling 👍👍小弟受教
    aleen42
        5
    aleen42  
    OP
       2017-01-03 16:59:58 +08:00 via Android
    @swirling 採用 viewName 來定義每一個頁面的確會存在手動定義而導致開發效率慢的問題。但是關於解耦的問題,可能目前還沒對比過,需要做更深一步的理解。在此先謝謝大哥
    chloerei
        6
    chloerei  
       2017-01-03 17:03:20 +08:00 via iPhone
    Pjax 开发繁琐,推荐 Turbolinks 。
    wang9706
        7
    wang9706  
       2017-01-03 17:19:38 +08:00
    aleen42
        8
    aleen42  
    OP
       2017-01-03 19:29:11 +08:00 via Android
    @chloerei 好的,我以後實踐一下
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   764 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 519ms · UTC 20:53 · PVG 04:53 · LAX 13:53 · JFK 16:53
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.