react-view, 在服务器上,呈现响应组件的Koa视图引擎

分享于 

3分钟阅读

GitHub

  繁體 雙語
An Koa view engine which renders React components on server
  • 源代码名称:react-view
  • 源代码网址:http://www.github.com/koajs/react-view
  • react-view源代码文档
  • react-view源代码下载
  • Git URL:
    git://www.github.com/koajs/react-view.git
    Git Clone代码到本地:
    git clone http://www.github.com/koajs/react-view
    Subversion代码到本地:
    $ svn co --depth empty http://www.github.com/koajs/react-view
    Checked out revision 1.
    $ cd repo
    $ svn up trunk
    

    koa-react-view

    NPM versionbuild statusTest coverageDavid depsnode version

    在服务器上呈现响应组件的Koa视图引擎。

    安装

    $ npm install koa-react-view

    用法

    var react =require('koa-react-view');var path =require('path');var koa =require('koa');var app =koa();var viewpath =path.join(__dirname, 'views');var assetspath =path.join(__dirname, 'public');react(app, {
     views: viewpath
    });app.use(function* () {
     this.render(home, {foo:'bar'});
    });

    这个模块不再包含运行时,因为它阻止开发人员在该模块范围之外的服务器上使用运行时。 此外,Babel建议polyfill仅包含在父应用程序中,以避免这些冲突。 如果你想使用 JSX。ES6或者其他需要transpiling的特性,你可以直接在你的项目中包含 Babel。 请参见示例

    命令行选项

    选项值默认值
    doctype任何可以用作文档的字符串,这将在你的文档前进行前置"<!DOCTYPE html>"
    beautifytrue: 在输出前美化标记( 注意,由于它的他空白,这会影响渲染)false
    viewsview文件的root 目录path.join(__dirname, 'views')
    extname文件的默认视图 extnamejsx
    writeResptrue: 自动写入正文响应true
    cachetrue: 缓存所有视图文件process.env.NODE_ENV === 'production'
    internalstrue: 在输出中包含响应内部false

    renderToString vs renderToStaticMarkup

    response提供了两种呈现组件服务器端的方法:

    默认情况下, ReactDOMServer.renderToStaticMarkup 将通过将 internals 选项设置为 true,或者通过将 this.render的第三个参数设置为 case-by-case,来使用 ReactDOMServer.renderToString

    ctx.state

    koa-react-view 支持koa中的ctx.state

    示例

    许可证

    MIT


    COM  Server  VIEW  react  component  组件  
    相关文章