网站首页 选择入口 设计,网页设计模板素材图片中文,wordpress 如何审核文章,公司大厅设计效果图大全转自#xff1a; https://github.com/ywwhack/react-journey
React 相关的优秀资源
以下列出的资源主要来自自己学习react过程中看过的觉的不错的文章、教程#xff0c;也算是一个学习过程的记录。
React
教程
名称简介fullstackreact如果只看一个react教程#xff0c;…转自 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 patternsreact的设计模式初识React中的High Order Component介绍了react中的高阶组件通俗易懂顺带还提了下react-redux中的connect的实现。React Higher Order Components in depth介绍了高阶组件(HOC)的两种实现方式以及如何通过它来重用代码、操作WrappedComponent的props/staterender劫持等等。react-interview-questionsreact相关的面试题, 很有意思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 JourneyDan在react-europe 2016上关于redux一年发展过程的总结并且示范了如何使用redux的优秀特性。
CSS Modules
文章
名称简介What are CSS Modules? A visual introduction介绍了什么是css modules以及它是如何解决css global问题的。CSS Modules by Example7个例子涵盖了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 JavaScriptReact生态圈中到处透露着函数式编程的思想这本书对于函数式编程接触较少的人来说内容非常丰富并且一些地方讲的比较深入适合多次阅读。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-moduleswebpack运行时,控制台出现n hidden modules的原因。
Advanced
React PureComponent 源码解析深度剖析如何实现一个 Virtual DOM 算法React: Implementation Notesreactjs源码分析-上篇首次渲染实现原理dive-into-react-codebase-transactionsReact 源码剖析系列 解密 setState
Newsletter
http://reactjsnewsletter.com/http://newsletter.fullstackreact.com/
