Hello-React-Backbone
地址猛戳这里,PPT请看这里
目的:做Backbone和ReactJS的整合,该例子使用了Backbone的Model和ReactJS整合,可以认为是ReactJS替换掉了Backbone的View,这个是入门小例子 。
实现内容:通过传递的json数据构建Backbone的Model,将数据展现出来,点击按钮,修改数据,展示修改后的数据,btw,实现组件内部数据回传给外部的功能。
使用组件: 1. jquery 2. underscore 3. backbone 4. reactjs 5. seajs
例子是直接改的SeaJS的Hello的例子,可以看到此例子的痕迹哦。
注意:在此例子中,SeaJS例子已经处理了jquery,underscore,backbone,当然ReactJS也得处理咯,我这里处理相对简单,将ReactJS第一行的typeof define==="function"&&define.amd 改成了typeof define==="function"&&define.cmd即可,也就是将amd改成cmd。
例子目录结构:
app -->helloMessage.html 例子的主页面
myreact --> app.jsx 入口组件
myreact --> components--> HelloMessage.jsx 信息子组件
sea-modules--> 依赖的库
static\hello\src\build-->app.js app.jsx编译后的js文件
static\hello\src\build\components-->HellowMessage.js HellowMessage.jsx编译后的js文件
JSX文件编译:安装nodejs(话说这个是必装的啊),npm install -g react-toolshttps://www.npmjs.com/package/react-tools
执行命令:jsx -w -x jsx myreact/ static/hello/src/build 在主目录下(hello-react-backbone)下执行 -w 是观察文件修改,并自动重新生产js文件到指定的目录下 -x 文件扩展名的处理,默认是js myreact/ 目录是jsx文件的目录, static/hello/src/build 是生产js文件目录
ps:你要想在define作用域内直接使用JSXTransformer.js,请确定能其引入作用域中,我看到github上有人用requirejs做了插件处理,可以直接使用JSXTransformer.js编译Jsx文件,不过最好还是编辑成js文件吧,别老想着让自己认识,你得让机器认识这些代码才行啊。。。 可参考此处:https://github.com/philix/jsx-requirejs-plugin
参考:react-backbone的TodoMVChttps://github.com/tastejs/todomvc/tree/master/examples/react-backbone
相关推荐
#Hello-React-Backbone**目的:**做Backbone和ReactJS的整合,该例子使用了Backbone的Model和ReactJS整合,可以认为是ReactJS替换掉了Backbone的View,这个是入门小例子 。**实现内容:**通过传递的json数据构建...
带有React.js的主干应用 Sameb的源代码 如何使用 git clone git@github.com:usefulparadigm/backbone-reactjs.git cd backbone-reactjs npm install && bower install forman start 然后,只需将浏览器指向。 截屏
backbone官网的todos demo,用require进行模块划分,个人感觉就是把前端写的跟后端代码一样,每个文件都注明要引用的模块文件,类似java的import。
backbone 和bootstrap 登录示例项目
, 《backbone.js应用程序开发》先从了解mvc、spa和backbone的基本知识开始,然后着手构建示例应用程序——一个简单的todo列表应用程序、restful风格的图书应用程序、以及使用backbone和requirejs的模块化应用程序。...
backbone-boilerplate, 一组用于构建 backbone.js 应用程序的最佳实践和实用工具 Backbone 模板这个样板是许多研究和挫折的产物。 现有的boilerplates修改 Backbone 核心,没有构建过程,或者者是非常规范的,这样的...
, 《backbone.js应用程序开发》先从了解mvc、spa和backbone的基本知识开始,然后着手构建示例应用程序——一个简单的todo列表应用程序、restful风格的图书应用程序、以及使用backbone和requirejs的模块化应用程序。...
Learn how Backbone.js brings MVC benefits to the client-side Write code that can be easily read, structured, and extended Work with the Backbone.Marionette and Thorax extension frameworks Solve ...
Node.js是一套用来编写高性能网络服务器的JavaScript工具包。...《Node应用程序构建——使用MongoDB和Backbone》可以作为学习和掌握Node.js、Backbone.js和MongoDB的实践教程,也适合对这几种技术感兴趣的读者阅读
Node.js是一套用来编写高性能网络服务器的JavaScript工具包。...《Node应用程序构建——使用MongoDB和Backbone》可以作为学习和掌握Node.js、Backbone.js和MongoDB的实践教程,也适合对这几种技术感兴趣的读者阅读
Backbone.js提供了一套Web开发的框架,为复杂的JavaScript应用程序提供...《Backbone.js应用程序开发》还介绍了Backbone和Grunt-BBB、jQuery Mobile等开发工具的配合使用,以及Jasmine、QUnit和SinonJS等测试解决方案。
react-backbone, Backbone 感知mixin用于响应和更多 反应中枢为 Backbone 提供对你的的响应,以响应你的组件,。将 backbone/backbone 。集合感知awareness你的反应组件mixin用于更新模型更改事件,请注意xhr活动和...
Node应用程序构建——使用MongoDB和Backbone
backbone-book, 在 backbone.js 和JS应用模式和最佳实践上,手册 backbone.js-应用程序的实用指南关于 backbone.js 和JS应用模式和最佳实践的小册子。勘误和想法使用请求提交勘误表。 如果它是小的东西 Twitter 会做...
backbone的小知识和注意点
《Node应用程序构建:使用MongoDB和Backbone》 源码,里面有git地址
《backbone.js应用程序开发》先从了解mvc、spa和backbone的基本知识开始,然后着手构建示例应用程序——一个简单的todo列表应用程序、restful风格的图书应用程序、以及使用backbone和requirejs的模块化应用程序。...
backbone-boilerplate, 用于构建 Backbone 应用程序的工作流 Backbone 模板这个样板是许多研究和挫折的产物。 现有boilerplates自由修改 Backbone 核心,缺少构建过程,并且非常规范;Backbone 样板文件的变更。...