基于 React.js + Redux + Bootstrap 的 Ruby China 示例 (转)
一直学 REACT + METEOR 但路由部分有点问题,参考一下:基于 React.js + Redux + Bootstrap 的 Ruby China 示例
http://react-china.org/t/react-js-redux-bootstrap-ruby-china/8752
示例的演示地址:http://ruby-china.liuzhen.me/ 很好!!!
React.js + RubyChina 项目
代码地址: https://github.com/liuzhenangel/react-ruby-china9
示例的演示地址 Demo: http://ruby-china.liuzhen.me18
项目介绍
react-ruby-china 项目是一个利用 react, react-dom, react-redux, react-router, redux, es6, redux-thunk 实现的 RubyChina 社区克隆项目.
这是一个前后端分离项目, 前端主要是 react, redux, es6, css 框架使用了 bootstrap. 后端利用 ruby-china 开放的 api. 支持响应式布局. 部分功能仍在持续完善中.
开发环境搭建
可以根据下方列出的官方文档里面有详细说明, 这里介绍一下 create-react-app
这个命令行脚手架工具. npm install create-react-app -g
之后执行 create-react-app my-app
, 然后 npm start
就能运行了.
关于 create-react-app
详情可以点击 这里1 查看.
核心技术框架
- react
- react-dom
- react-router
- redux
- redux-thunk
- react-md-editor
- isomorphic-fetch
- react-paginate
- react-redux
- marked
- es6-promise
- classnames
学习参考资料
在学习 React 过程中, React.js 文档做的没有 Vue.js 的好, 文档中的例子各种不同语法. 对着照做不一定对, 也不方便查询, 踩过很多坑后给大家做个分享.
React 中文文档(这个文档很好查询, 但是很多内容写的太简单了没讲清楚, 而且内容不全):https://hulufei.gitbooks.io/react-tutorial/content/index.html3
React 官方英文文档: https://facebook.github.io/react/docs/getting-started.html
React 中文文档(这个文档比较差): http://reactjs.cn/react/docs/getting-started-zh-CN.html1
极客学院提供的 React 中文文档: http://wiki.jikexueyuan.com/project/react/3
另一个 Reac 中文文档(这个比较全面, 但是不便于搜索): http://www.phperz.com/article/15/0712/140537.html2
React Router 中文文档: https://react-guide.github.io/react-router-cn/2
RubyChina API: https://ruby-china.org/api1
ReacChina 社区(这里面有很多资源): http://react-china.org/2
ES6 文档: http://es6.ruanyifeng.com/#docs/intro1
Redux 介绍: http://www.alloyteam.com/2015/09/react-redux/1
最新文章
- Linux_03------Linux的基本命令
- Usermod 命令详解 ------工作中修改shell时用 usermod -s /bin/csh home
- Android之绚丽的图片游览效果--有点像W7效果,透明的倒影,层叠的图片,渐变的颜色透明度
- css去掉默认的下拉,实现用户自定义的下拉列表
- Ceph Newstore存储引擎介绍
- IOS UITableView NSIndexPath属性讲解
- sql server 主从数据库同步 利用发布 订阅是实现
- xml它解析----DOM解析
- window.open a.href打开窗口referer的问题
- Spring各jar包作用及依赖
- while循环小练习-猜答案
- SQL2005查询死锁的表和具体的语句
- DOM与BOM
- HNOI2006公路修建问题
- MathWorks.MATLAB.NET.Arrays.MWArray”的类型初始值设定项引发异常 解决方法
- SpringMVC随笔之——@responsebody【引用snowolf博文】
- 【Java并发编程】5、java中ConcurrentLinkedQueue类
- EPI Server相关
- SVN配置钩子文件限制提交文件时必须填写更新日志
- 怎样用QtCreator编辑运行python脚本
热门文章
- C# ASP.NET 优化程序性能、降低内存使用、提高程序运行速度
- mybatis 使用经验小结
- angularjs + fis +modJS 对于支持amd规范的组建处理(PhotoSwipe 支持,百度webUpload支持)
- ionic android双击退出应用和物理返回按钮隐藏键盘的实现
- 备份Mysql数据库BAT脚本
- linux perf - 性能测试和优化工具
- RecyclerView的使用(四)
- Android 线程池(转)
- android 图像处理系列合集
- 【USACO 2.3】Money Systems(dp)