reactjs-tmdb-app, 响应响应'The Movie Database'( TMDb ) 应用程序

分享于 

3分钟阅读

GitHub

  繁體
ReactJS responsive app to search 'The Movie Database' (TMDb)
  • 源代码名称:reactjs-tmdb-app
  • 源代码网址:http://www.github.com/SKempin/reactjs-tmdb-app
  • reactjs-tmdb-app源代码文档
  • reactjs-tmdb-app源代码下载
  • Git URL:
    git://www.github.com/SKempin/reactjs-tmdb-app.git
    Git Clone代码到本地:
    git clone http://www.github.com/SKempin/reactjs-tmdb-app
    Subversion代码到本地:
    $ svn co --depth empty http://www.github.com/SKempin/reactjs-tmdb-app
    Checked out revision 1.
    $ cd repo
    $ svn up trunk
    
    TMDb电影搜索

    LicenseGitHub starsGitHub forks

    这个例子使用了 TMDb/Bloodhound 和猎犬建议引擎,并通过引擎( TMDb ) API加载数据,这是一个响应式的响应。

    演示

    TMDb电影搜索实时演示。

    命令行工具

    这里React项目中使用的关键工具包括:

    工具说明
    响应错误用于构建用户界面的JavaScript库
    typeahead.js一个灵活的JavaScript库,为构建健壮的typeaheads提供了强大的基础
    猎犬Bloodhound是 typeahead.js 推荐引擎
    Bootstrap利用世界流行的前端组件库构建响应式的。移动的第一个项目
    Sass是世界上最成熟。稳定和强大的专业级CSS扩展语言
    BrowserifyBrowserify允许你通过捆绑所有依赖关系来在浏览器中进行 require('modules')
    使用下一代 JavaScript,今天
    Gulp是一个工具包,用于在你的开发工作流中自动化痛苦或者耗时的任务

    安装

    获取 npm 需要 node.js

    如果你想下载代码并亲自尝试,请执行以下操作:

    • 克隆 repo: git@github.com:SKempin/reactjs-tmdb-app.git
    • cd reactjs-tmdb-app
    • 安装软件包:npm installbower install
    • 生成项目并启动:gulp watch
    • 在以下位置打开浏览器:http://localhost:9000

    浏览器支持

    这个项目利用了提取 API,利用一个polyfill为老的浏览器使用。

    • Chrome 42 +
    • Firefox 39 +
    • Safari 10 + ( 带 polyfill )
    • IE 11 + ( 带 polyfill )
    • 边 14 +

    Node.js

    支持版本( 版本)。

    作者

    放大图片作者:

    许可证


    数据  react  MOV  电影  
    相关文章