React 相关的优秀资源
转自: https://github.com/ywwhack/react-journey
React 相关的优秀资源
以下列出的资源主要来自自己学习react过程中看过的觉的不错的文章、教程,也算是一个学习过程的记录。
React
教程
名称 | 简介 |
---|---|
fullstackreact | 如果只看一个react教程,并且希望全面的了解其生态圈,这本书就够了。 |
reactjsprogram | 有几个大的系列(redux/react native等),其中react基础部分是免费的,内容对初学者来说很优质。 |
文章
名称 | 简介 |
---|---|
Presentational and Container Components | 介绍了react中Presentational和Container Components的概念和区别,以及使用场景 |
React Components, Elements, and Instances | 详细介绍了React中令人困惑的Component和Element的区别,以及React底层是如何将Component解析为DOM树的。 |
Learning React Without Using React | 作者抛开react库本身,围绕react中的render方法,virtual DOM,Component,单向数据流动等概念,实现了一个todolist的例子,demo虽易,但是思想非常棒。 |
React.js in patterns | react的设计模式 |
初识React中的High Order Component | 介绍了react中的高阶组件,通俗易懂,顺带还提了下react-redux中的connect的实现。 |
React Higher Order Components in depth | 介绍了高阶组件(HOC)的两种实现方式,以及如何通过它来重用代码、操作WrappedComponent的props/state,render劫持等等。 |
react-interview-questions | react相关的"面试题", 很有意思 |
How to develop a React library | 介绍了如何开发一个react相关的库(组件),便于其他开发者集成到自己的应用中 |
Redux
教程
名称 | 简介 |
---|---|
Full-Stack Redux Tutorial | 这是一篇博客文章,内容相当的多,作者从零搭建了一个实时投票系统,从服务端到浏览器前端,介绍了如何使用mocha,chai进行功能测试,如何使用Immutable.js,以及如何进行react组件的测试。作者在整篇文章中,一点点引入redux中的概念,深入浅出。还有一点非常有意思的是,作者在前后端分别建立了个redux。 |
文章
名称 | 简介 |
---|---|
so-youve-screwed-up-your-redux-store-or-why-redux-makes-refactoring-easy | 主要讲述了对reducers的几种改进方式来对redux进行重构。 |
The Redux Journey | Dan在react-europe 2016上关于redux一年发展过程的总结,并且示范了如何使用redux的优秀特性。 |
CSS Modules
文章
名称 | 简介 |
---|---|
What are CSS Modules? A visual introduction | 介绍了什么是css modules,以及它是如何解决css global问题的。 |
CSS Modules by Example | 7个例子涵盖了css modules在React开发中使用的场景。 |
Webpack
文章
名称 | 简介 |
---|---|
Webpack中hash与chunkhash的区别,以及js与css的hash指纹解耦方案 | 比较深入的介绍了hash和chunkhash的一些东西 |
Progressive loading for modern web applications via code splitting | 介绍了如何使用require.ensure来实现code-split,同时实现延迟加载。 |
教程
名称 | 简介 |
---|---|
http://survivejs.com/webpack/introduction/ | 目前看过最全面,也是唯一一本专门介绍webpack的书(webpack是个巨坑==)。 |
Webpack Deep Dive | 深入介绍如何在项目中使用webpack2。视频是workshop上录制的,有现场讲师和学生的提问互动,非常赞。 |
GraphQL && Relay
教程
名称 | 简介 |
---|---|
https://learngraphql.com | 非常详细的介绍了graphql的基础用法,很好的入门教程。 |
其他
名称 | 简介 |
---|---|
http://flexbox.io/ | flexbox视频教程,共20个小视频,前13小节讲述了flexbox的各种属性,后7小节实例演示。 |
Functional Programming in JavaScript | React生态圈中到处透露着函数式编程的思想,这本书对于函数式编程接触较少的人来说内容非常丰富,并且一些地方讲的比较深入,适合多次阅读。 |
learnrx | 前面章节讲了大量的函数式思想(其实就是map,filter,reduce,concatAll,concatMap这五个函数啦),后面引入Rx,并和数组进行对比,讲解Observable和array有什么联系和区别。 |
问答
问题 | 简介 |
---|---|
How to dispatch a Redux action with a timeout? | 回答者是Redux的作者,阐述了如何在Redux中进行异步操作,什么情况下需要对异步操作进行封装,以及redux-thunk中间件的使用。 |
Why is 'key' needed? | 解释了为什么在一个React Elements数组中需要指定每个元素的key属性。 |
what-does-webpack-mean-by-xx-hidden-modules | webpack运行时,控制台出现+n hidden modules的原因。 |
Advanced
- React PureComponent 源码解析
- 深度剖析:如何实现一个 Virtual DOM 算法
- React: Implementation Notes
- reactjs源码分析-上篇(首次渲染实现原理)
- dive-into-react-codebase-transactions
- React 源码剖析系列 - 解密 setState
Newsletter
- http://reactjsnewsletter.com/
- http://newsletter.fullstackreact.com/
React 相关的优秀资源相关推荐
- Django 优秀资源大全项目资源非 Python 包工具贡献
Awesome Django 介绍 Awesome-Django 是由 Roberto Rosario 发起和维护的 Django 资源列表.该列表收集了大量 Django 相关的优秀应用.项目等资源 ...
- DevStore热门免费优秀资源推荐(123月合集)
啥也不说了,直接上干货吧! 源码 ●上传头像兼容Android7.0#Android (上传作者:king_zhang) king_zhang:上传头像兼容Android7.0,圆形的剪切框. ●Re ...
- GitHub 十个最受欢迎的 React 相关库
(翻译自 medium :Top 10 React Libraries on GitHub 原文地址) 由Facebook创建的 React 已经成为一个十分强大的 Javascript 框架,它使 ...
- Django Awesome-Django 优秀资源大全
Django 优秀资源大全 Awesome Django [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-uTExNluF-1578558344771)(https:// ...
- react相关代码库以及框架的源码解析
持续更新中react相关库源码浅析, react ts3 项目 ???对react相关代码库以及框架的源码进行了一定的分析 ?react16.6 View contents 源码实例分析:可见runl ...
- React——相关js库以及使用React开发者工具调试
一.React相关js库 关于以下三个js库以及React开发者工具调试已经放到百度网盘里了,有需要的小伙伴可以自己提取哦 react.js:React核心库. react-dom.js:提供操作DO ...
- 智能车小白必看,该竞赛相关宝贵经验+资源借鉴总结1
文章目录 智能车小白必看,该竞赛相关宝贵经验+资源借鉴总结1 竞赛准备的大体流程 做智能车竞赛的宏观建议整合 摄像头组的具体建议 学习资源链接 后记 经验参考来源 智能车小白必看,该竞赛相关宝贵经验+ ...
- 我成为了CSDN优秀资源分享达人
今天我成为了CSDN的优秀资源分享达人 以前听朋友说CSDN上的学习资源什么的都很棒!于是我注册了CSDN帐号,开启了人生的CSDN之路,将自己收藏于笔记本中的一些学习资料.笔记和源代码例子上传到了C ...
- 2022面试相关 - react相关原理
React相关的东西 redux相关原理(TODO) Key值的具体作用 hook 相关 hook原理: https://juejin.cn/post/6944863057000529933  us ...
最新文章
- hdu1466 递推
- Java连接Memcached进行CRUD
- VTK:小部件之AngleWidget2D
- 针对不同的系统的宏定义
- 牛客网-数据结构笔试题目(五)-动态规划问题求解
- MySql的语法规范
- DataBase 之 常用操作
- kubernetes视频教程笔记 (10)-资源清单yaml常用字段解释
- html注册手机号验证,js正则表达式验证手机号码,用户名和邮箱
- Android——Binder机制
- 获取微信公众号关注页链接
- 866 数据结构模拟题(一)及解析
- 基于嵌入式技术的智能灌溉系统设计与实现
- 利用java做前端连接数据库_基于java的前端与数据库的交互
- 塞拉利昂一公司计划投资10亿美元用于建设光伏农业项目
- 一个光棍的经典呐喊 【转】
- 用cmd命令进行磁盘清理(主要是系统盘)
- jflow部分代码重构
- status 21002 php,php – 验证appReceiptStoreURL返回21002状态
- 开课吧:未来人工智能发展前景如何呢?