首页React

react 学习资源分享

hfpp2012发布于1638 次阅读

以下是个人总结的关于react的资源

https://vasanthk.gitbooks.io/react-bits/

https://github.com/camsong/blog 前端开发博客

资源

https://github.com/enaqx/awesome-react 好多插件

https://github.com/brillout/awesome-react-components 好多组件

https://react.rocks 好多例子

https://www.youtube.com/watch?v=JPT3bFIwJYA&list=PL55RiY5tL51oyA8euSROLjMFZbXaV7skS ReactJS Basics 视频

comoponents

https://github.com/reactjs/react-modal

https://unsplash.github.io/react-trend/ 图表

https://github.com/STRML/react-grid-layout 流式布局

https://github.com/elrumordelaluz/reactour react 高级货,像导航一样

prop-types

https://github.com/facebook/prop-types

桌面应用

https://github.com/infinitered/reactotron

admin

https://github.com/booleanhunter/ReactJS-AdminLTE

ui

https://github.com/ant-design/ant-design

https://mobile.ant.design/

https://ant.design/

https://github.com/ant-design/babel-plugin-import 按需引用

https://github.com/react-bootstrap/react-bootstrap 3

https://react-bootstrap.github.io/ 3

https://reactstrap.github.io/ 4

https://react.rocks/tag/Bootstrap

https://github.com/weui/react-weui 微信

脚手架 create-react-app

https://github.com/facebookincubator/create-react-app

proxy的原理

https://github.com/chimurai/http-proxy-middleware

https://github.com/nodejitsu/node-http-proxy

es5 to es6

https://github.com/cht8687/React-ES5-To-ES6-Checklist

http://cheng.logdown.com/posts/2015/09/29/converting-es5-react-to-es6

http://bbs.reactnative.cn/topic/15/react-react-native-%E7%9A%84es5-es6%E5%86%99%E6%B3%95%E5%AF%B9%E7%85%A7%E8%A1%A8

spread operator

http://cn.redux.js.org/docs/recipes/UsingObjectSpreadOperator.html

拖放

https://github.com/STRML/react-grid-layout

https://github.com/gaearon/react-dnd

https://github.com/web-pal/react-trello-board 由react-dnd实现

bind问题

http://wwsun.github.io/posts/react-with-es6-part-3.html

性能问题

http://www.cnblogs.com/YikaJ/p/4912187.html React爬坑秘籍(一)——提升渲染性能- Yika丶J - 博客园

https://segmentfault.com/a/1190000006100489 React组件性能优化

http://taobaofed.org/blog/2016/08/12/optimized-react-components/ 高性能 React 组件

https://github.com/camsong/blog/issues/3 Immutable 详解及 React 中实践

https://facebook.github.io/react/docs/pure-render-mixin.html

https://facebook.github.io/react/docs/optimizing-performance.html

服务器render

https://github.com/zeit/next.js

https://github.com/unicodeveloper/awesome-nextjs

https://ruby-china.org/topics/28300 玩转 React 服务器端渲染

react-hot-loader

https://github.com/gaearon/react-hot-loader

https://github.com/gaearon/react-hot-boilerplate/tree/next

hot loader 是干嘛的呢?引用官网的一句话就是

React Hot Loader is a plugin for Webpack that allows instantaneous live refresh without losing state while editing React components.
简单的讲,就是使用 react 编写代码时,能让修改的部分自动刷新。但这和自动刷新网页是不同的,因为 hot-loader 并不会刷新网页,而仅仅是替换你修改的部分,也就是上面所说的 without losing state。

部署工具

https://zeit.co/ now

本站文章均为原创内容,如需转载请注明出处,谢谢。

0 条回复
暂无回复~~
喜欢
友情提示
   官方 QQ 1 群 697272886(500/2000)
   官方 QQ 2 群 856141852

© Rails365 | 隐私条款 | 服务条款 | 友情链接:轻课堂 | 粤ICP备15004902号 | 在线学员:15

Top