本节课的主要内容是*React 基础、原理*和*React 数据流*两部分 ## React or Vue 这一部分不用全部看完，挑自己感兴趣的。 1. [JavaScript Frameworks by the Numbers — Winter 2018](https://javascriptreport.com/javascript-frameworks-by-the-numbers-winter-2018/) 2. [Vue和React大比拼，你pick谁？](https://mp.weixin.qq.com/s?__biz=MzUxMzcxMzE5Ng==&mid=2247489220&idx=1&sn=495ed9f9278f92bd671ea54ca30df2ae&chksm=f951a387ce262a91a13328c9420777e90c285078ac1c5a4456ef31e5003df271e682812dc6e3&mpshare=1&scene=1&srcid=0722S70Y5wWmQwHDULB7HT24%23rd) 3. [现代 js 框架存在的根本原因 - 众成翻译](https://zcfy.cc/article/the-deepest-reason-why-modern-javascript-frameworks-exist) 4. [框架选型 - 小火柴的蓝色理想 - 博客园](http://www.cnblogs.com/xiaohuochai/p/7041595.html) 5. [JavaScripting.com - The Database of JavaScript Libraries](https://www.javascripting.com/): 一个帮助框架选型的网站，可以查看各个框架的生态 ## React 基础、原理 1-6的reactjs官方文档重点阅读，后面的选读。 1. [Introducing JSX - React](https://reactjs.org/docs/introducing-jsx.html) 2. [Rendering Elements - React](https://reactjs.org/docs/rendering-elements.html) 3. [Components and Props - React](https://reactjs.org/docs/components-and-props.html) 4. [State and Lifecycle - React](https://reactjs.org/docs/state-and-lifecycle.html) 5. [Handling Events - React](https://reactjs.org/docs/handling-events.html) 6. [Conditional Rendering - React](https://reactjs.org/docs/conditional-rendering.html) 7. [译 图解 React](https://zhuanlan.zhihu.com/p/39658720) 8. [React.js 的介绍 - 针对了解 jQuery 的工程师（译） - 杂七杂八的感想 - SegmentFault 思否](https://segmentfault.com/a/1190000003501752) 9. [深入浅出React（一）：React的设计哲学 - 简单之美](https://mp.weixin.qq.com/s?__biz=MjM5MDE0Mjc4MA==&mid=205550195&idx=1&sn=f4077baa616fb5898b5fe6a69f62de06&scene=1%23rd) 10. [前端已不止于前端－ReactJs初体验 · Issue #21 · kuitos/kuitos.github.io · GitHub](https://github.com/kuitos/kuitos.github.io/issues/21) ## React 数据流 1. [React 实践心得：react-redux 之 connect 方法详解 | Taobao FED | 淘宝前端团队](http://taobaofed.org/blog/2016/08/18/react-redux-connect/index.html) 2. [Redux Tutorial: Learn Redux from Dan Abramov on egghead](https://egghead.io/courses/getting-started-with-redux) 3. [Redux状态管理之痛点、分析与改良 - kpaxqin - SegmentFault 思否](https://segmentfault.com/a/1190000009540007) 4. [图解 Flux](https://zhuanlan.zhihu.com/p/20263396) ## 练习 1. https://github.com/FE-star/react-pattern 这个选看，我会主要讲解redux的应用 ## 扩展阅读 1. [现代 js 框架存在的根本原因 - 众成翻译](https://zcfy.cc/article/the-deepest-reason-why-modern-javascript-frameworks-exist) 2. [React 路由状态管理总结](https://mp.weixin.qq.com/s/0y-79NrBrKS-vta_iI5Tcg) 3. [Rematch: 重新设计 Redux](https://mp.weixin.qq.com/s?__biz=MzAwNTAzMjcxNg==&mid=2651425220&idx=1&sn=606157600387bd02b423fc45f555eb50&chksm=80dff7a7b7a87eb1d98273525ebaa33f39d3fa35c42d7307c0ae785f8b5acbb42b3e7e20fe10&mpshare=1&scene=1&srcid=0308Igfa1jmXVWq6ME1pDhi2#rd) 4. [Redux从设计到源码](https://mp.weixin.qq.com/s?__biz=MjM5NjQ5MTI5OA==&mid=2651746564&idx=2&sn=556f491fe29846cdbf0e7dc9a4f6c2fe&chksm=bd12a8498a65215fa0af14657e50c20bf6e012b98573e81a25caa9f69ecdc5771dd4bfa5030c&mpshare=1&scene=1&srcid=07206AAwEUcsRi43DbCrrnMH%23rd) 5. [React 状态管理库: Mobx - 前端学习之路 - SegmentFault 思否](https://segmentfault.com/a/1190000010084073) 6. [react+redux渲染性能优化原理 – 积木村の研究所](http://foio.github.io/react-redux-performance-boost/)
本节课的主要内容是React 基础、原理和React 数据流两部分
React or Vue
这一部分不用全部看完，挑自己感兴趣的。
React 基础、原理
1-6的reactjs官方文档重点阅读，后面的选读。
React 数据流
练习
扩展阅读