Tag: pug reactjs

结合反应和玉石

我正在与快递+反应工作的同构javascript应用程序。 我们开始使用翡翠作为静态内容的服务器端模板，但是将这两者结合起来很快变得笨拙。 我们结束了这样的事情： 在快递路线： router.get("/", function(req, res) { var webpackStats = require('../../config/webpack-stats.json'); var reactHtml = React.renderToString(HiwApp({})); var slideshowHtml = React.renderToString(slideshowApp({})); var config = { webpackStats: webpackStats, reactOutput: reactHtml, slideshowHtml: slideshowHtml }; res.render("how_it_works/howitworks", config); }); 在玉： body .company-logo.center #react-main-mount != reactOutput include ./content_block_1.jade include ./content_block_2.jade #slideshow-main-mount != slideshowHtml 这是非常脆弱的 – 如果我们想要jsx，那么需要更多的jsx模板，我们必须确保我们的订单正确。 我的想法是用jsx做这一切 。 我知道有这样的事情React.renderToStaticMarkup，但是这并不能解决静态页面混合dynamic的问题。 大问题：如果我们决定用jsx（包含所有组件的React.renderToString(App({}); ）来做所有这些事情，那么调用React.renderToString(App({});这会是一个主要的性能问题吗？有更好的方法来做到这一点，轻松地结合静态和dynamic块？