[TOC]
[https://reactresources.com/](https://reactresources.com/)
# React-Spring
https://www.react-spring.io/
# React 样式处理
在 React 中,处理样式是至关重要的一环,也是当下非常热门的话题。在这一节中,我们除
了介绍基本样式设置之外,还会讲到现在业界很火的 CSS Modules 的概念及用法。
## [Stop using CSS in JavaScript for web development](https://medium.com/@gajus/stop-using-css-in-javascript-for-web-development-fa32fb873dcc)
It it too early to use [Shadow DOM v1](http://caniuse.com/#feat=shadowdomv1)(51% global support). Use CSS with either of the naming conventions (I recommend [BEM](http://getbem.com/)). If you are worried about class name collisions (or too lazy to use BEM), use [CSS modules](https://github.com/css-modules/css-modules). If you are developing for React web, consider using [babel-plugin-react-css-modules](https://github.com/gajus/babel-plugin-react-css-modules). If you are developing for React native,[styled-components](https://styled-components.com/) is great.
## 参考
深入REACT技术栈 陈屹著
https://github.com/topics/css-in-js
[styled-jsx](https://github.com/zeit/styled-jsx)
[styled-components](https://www.styled-components.com/)
[custom-elements](https://custom-elements-everywhere.com/)
# 收集分析 Bug
https://logrocket.com/
# Complete Intro to React, v3 (feat. Redux, Router & Flow)
Course Notes - https://btholt.github.io/complete-intro-to-react/
Course Code (Github) - https://github.com/btholt/complete-intro-to-react
https://coursehunters.net/course/fm-react-version-3
# full-stack roadmap
https://stackforyourself.com
# [探索react技术栈-技术选型](http://www.cnblogs.com/fecode/articles/6840699.html)
# typescript与react-native
[初次尝试使用typescript开发react-native](http://www.jianshu.com/p/aca43169a31f)
[使用TypeScript开发ReactNative应用的简单示例](https://www.cnblogs.com/zhouzme/p/5828032.html)
[React with TypeScript 系列(三) --实战篇](http://blog.csdn.net/kinfey/article/details/50500350)
# VSCode开发React-Native
http://blog.csdn.net/goodchangyong/article/details/52936546
# React技术栈
[React系列---React技术栈一览](https://segmentfault.com/a/1190000009879742)
[【React深入】从Mixin到HOC再到Hook](https://segmentfault.com/a/1190000018811476)
# prop-types
~~~
npm install prop-types -S
~~~
与react配套的类型检测库,prop-types就是对react组件中props对象中的变量进行类型检测的,因为props是react数据流的管道,我们通过prop-types就可以轻松监控react里大多数据的变量类型。
需要注意的是,在 React 15.5 之前, prop-types 并不是独立的,而是作为 React 的一部分, 需要像下面这样使用。
```js
import { PropTypes } from ’ react ’;
```
# 文章
[React 技术栈系列教程](http://www.ruanyifeng.com/blog/2016/09/react-technology-stack.html)
[30-days-of-react](https://www.fullstackreact.com/30-days-of-react/)
[react-in-patterns-cn](http://sangka-z.com/react-in-patterns-cn/)
https://starhack.it/
[从零开始学 ReactJS(ReactJS 101)简体版 ](https://github.com/kdchang/reactjs101)
[Redux项目目录结构](https://blog.csdn.net/qq_26708777/article/details/78178732)
[React-Native学习指南](https://github.com/reactnativecn/react-native-guide)
http://andrewhfarmer.com/
# 达到
https://github.com/cllgeek/react-tutorial
# [Expo XDE](https://expo.io/)
Our tools enable developers to build and share truly native apps that work across both iOS and Android. Everything is **open source, free** and uses React Native.
# 参考
[深度揭秘阿里移动端高性能动态化方案Weex](http://www.imooc.com/article/7073)
[vuejs-手把手教你写一个完整的购物车](http://www.qdfuns.com/notes/15098/e29384aab0d95e76f51ed1cd4086ee51.html)
[Vue2.0网易云音乐播放器](http://www.qdfuns.com/notes/20928/6f51ea24ef14d2f1f51bc34727680bdc.html)
[react精品教程__3天全集版](https://www.bilibili.com/video/av25294556/)
# Next.js
Next.js是个基于React、Webpack与Babel构建的,支持服务端渲染的小框架,其来源于ZEIT团队,在React社区获得了不小的关注度。
# React-like
除了 Preact,React-like 中比较出名的还有 Inferno,它大小在9kb左右。它和前面两者相比,还加了一个新的特性就是无状态组件(stateless components)也支持生命周期事件,从而可以减少 class 的使用,做到更加轻量。性能比 React 和 Preact 都要好,其它方面和 Preact 差不多。但是有个问题是 [Inferno](https://infernojs.org/) 用了一些相对较新的特性,比如 Promise、Map、Set、WeakMap 等,所以浏览器兼容性比 Preact 要差点。
下面列出了一些实用的资源:
https://react.rocks/
[Reactiflux](https://www.reactiflux.com/)上的#react-native。
[js.coach](https://js.coach/react-native)—React Native开源组件列表。
[awesome-react-native](https://github.com/jondot/awesome-react-native)—大量的React Native文章、教程和示例。
http://reactscript.com/
[MobX](http://cn.mobx.js.org/)
# GraphQL/Relay/firebase 初体验
https://www.bookstack.cn/read/reactjs101/Appendix04-README.md
firebase
# React VR
# 相关站点资源
[Electron中文网](https://electron.org.cn/)
[ReactNative中文网](https://react-native.org.cn/)
[Npm中文网](https://npm.js.cn/)
[Yarn中文网](https://yarn.org.cn/)
[GraphQL查询语言](https://graphql.org.cn/)
[Kotlin编程语言](https://kotlin.hk/)
# React Example
[https://reactjsexample.com/](https://reactjsexample.com/)
# React UI库
[reakit](https://reakit.io/)
[RSUITE](https://rsuitejs.com/)
[Ant Design](https://ant.design/)
阿里巴巴 - 企业级的 UI 设计语言和 React 实现
[Element React](https://eleme.github.io/element-react/)
饿了么 - Element UI 的 React 实现
[Zent](https://www.youzanyun.com/zanui/zent)
有赞 - PC 端 WebUI 规范的 React 实现,提供了一整套基础的 UI 组件以及一些常用的业务组件
[Pile](https://didi.github.io/pile.js)
滴滴 - 移动端 React 组件库
# 书籍、教程
[REACT RESOURCES](https://reactresources.com/)
[React.js 小书](http://huziketang.mangojuice.top/books/react/)