react-example-filmdb, 同构反应+ 通量膜数据库示例

分享于 

4分钟阅读

GitHub

  繁體 雙語
Isomorphic React + Flux film database example
  • 源代码名称:react-example-filmdb
  • 源代码网址:http://www.github.com/tomaash/react-example-filmdb
  • react-example-filmdb源代码文档
  • react-example-filmdb源代码下载
  • Git URL:
    git://www.github.com/tomaash/react-example-filmdb.git
    Git Clone代码到本地:
    git clone http://www.github.com/tomaash/react-example-filmdb
    Subversion代码到本地:
    $ svn co --depth empty http://www.github.com/tomaash/react-example-filmdb
    Checked out revision 1.
    $ cd repo
    $ svn up trunk
    
    同构React+ 通量膜数据库示例

    完整的应用程序示例,包括使用koa上的用户身份验证,以及前端的响应/流量( Alt )。 也使用koa-mongo-rest生成 REST API,restful.js 使用它们。 以健康的Bootstrap 剂量,使用React引导。

    演示:https://react-example-filmdb.herokuapp.com

    包含的

    ;DR

    iojs^1.8.0 或者 nodejs^0.12.0 一起使用,克隆 repo,npm installnpm run dev

    学习( react-prime-draft ),学习通量和 Alt (。 Alt指南指南)。

    使用 npm run build 生成产品。

    概念

    在服务器端渲染时,我们的服务器端采用英镑,在我们的应用程序中,我们用英镑的alt 来表示流量架构,并使用。

    在第一次呈现之前,我们可以用的iso 来填充的alt flux存储,并拥有一个完整的异步isomorphic应用程序。

    更全面的源代码指南,请参见

    通量

    我们使用 alt 作为通量的实现。

    在服务器上,它类似,但使用 alt.bootstrap 初始化,对于下一个呈现,数据是空的,使用 alt.flush

    安装/安装

    我建议使用 io.jsNodeJS 中使用不带 --harmony 标志的ES6

    它是超级容易处理的 nvm:

    • $ nvm install iojs
    • $ nvm use iojs
    • $ nvm alias default iojs ( 使 node 默认为 iojs )

    但它同样适用于 nodejs^0.12.0: )

    在开发中运行项目:

    • $ npm run dev

    运行测试

    • $ npm test 将运行一次测试
    • $./node_modules/.bin/karma start 将监视更改并在更改时运行测试

    生成项目:

    运行 $ npm run build 它将生成以下任务:

    • test/spec/**/*.jsx 运行测试
    • 连接&缩小样式到 /dist/app-[hash].css
    • 连接&缩小脚本到 /dist/js/app-[hash].js

    在生产中运行

    首先生成项目:

    • $ npm run build

    然后启动koa服务器:

    • $ NODE_ENV=production node server/index.js ( iojs )
    • $ NODE_ENV=production node --harmony server/index.js ( nodejs 0.12.x )

    你还可以使用 processes.json 在你的生产服务器( 为你的用户定制它) 上使用 PM2监视器运行应用程序:

    • $ pm2 start processes.json

    数据  react  ISO  FLUX  
    相关文章