react 学习资源分享

以下是个人总结的关于 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 好多例子

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