V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
yantianqi
V2EX  ›  程序员

打算自己写一套 react 服务端渲染,网上资料好少,写了好几天,没有思绪

  •  
  •   yantianqi · 2018-11-13 10:22:15 +08:00 · 2556 次点击
    这是一个创建于 2238 天前的主题,其中的信息可能已经有所发展或是发生改变。

    解析标签为字符串渲染到前台页面
    匹配路由
    具体 webpack 配置。
    感觉网上资料好少。

    8 条回复    2018-11-13 15:39:36 +08:00
    abramstyle
        1
    abramstyle  
       2018-11-13 10:45:34 +08:00
    https://github.com/abramstyle/kaonjs 之前基于公司的目前的技术写了一套,可以给你参考一下
    duan602728596
        2
    duan602728596  
       2018-11-13 11:35:18 +08:00 via iPhone
    https://github.com/duan602728596/webpackconfig/tree/react-server 你可以看看,react,redux,react-router 的,我自己的网站也是基于这个的
    robinlovemaggie
        3
    robinlovemaggie  
       2018-11-13 11:50:26 +08:00
    nest.js
    azh7138m
        4
    azh7138m  
       2018-11-13 12:17:37 +08:00
    这个取决于你要不要做同构

    要:

    一般是 https://github.com/zeit/next.js/这种成熟方案

    不要:

    你只是简单的渲染成字符串的话,可以看看 https://github.com/jorgebucaran/hyperapp 的 view 实现,https://babeljs.io/docs/en/babel-plugin-transform-react-jsx 配置下 pragma pragmaFrag 自己实现一个 render 就好了。
    啊,我也糊了一个轮子自用,https://github.com/muzea/undefined/blob/dev/jsx.js 大概长这样子。
    hwlv
        5
    hwlv  
       2018-11-13 12:28:43 +08:00
    @duan602728596 哥们网站张啥样子
    KuroNekoFan
        6
    KuroNekoFan  
       2018-11-13 14:12:37 +08:00
    只考虑 view 的话 inline css 和 rendertostring 就行了,还要加上交互的话就相当麻烦
    southSu
        7
    southSu  
       2018-11-13 14:15:28 +08:00
    之前弄过一套服务端渲染的网易云音乐,有兴趣可以看看,
    https://github.com/meibin08/NeteaseCloudMusic-SSR
    duan602728596
        8
    duan602728596  
       2018-11-13 15:39:36 +08:00 via iPhone
    @hwlv https://www.wbwbwb.top ,一个微博超级话题一键签到的网站
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2438 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 15:41 · PVG 23:41 · LAX 07:41 · JFK 10:41
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.