💎一站式轻松地调用各大LLM模型接口,支持GPT4、智谱、星火、月之暗面及文生图 广告
[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/)