下载APP 随时随地学编程
返回 首页

React简学 by TG

开始阅读
手册说明:

React是目前最热门的前端框架,作为一名爱瞎折腾的前端攻城狮,有必要好好的学习一下。

React是一个Facebook和Instagram用来创建用户界面的JavaScript库。

React并不是一个MVC框架,我们可以认为它是MVC的V(视图)。
下面的目录是个人学习React定制的流程(涉及的都是基础),尚未学习完毕,后续会跟着学习进度补充!

学习目录

  1. JSX
  2. 组件的生命周期
  3. 数据流
  4. 事件处理
  5. 复合组件
  6. mixin
  7. DOM操作
  8. 表单
  9. 动画
  10. 性能优化
  11. 服务端渲染
  12. 周边类库
  13. 开发工具
  14. 测试


上面的学习流程主要是根据书籍《React:引领未来的用户界面开发框架》来学习(目录可能会有所改动,每篇文章也会根据学习来改善)。


参考资料:

React官网:

http://www.css88.com/react/docs/why-react.html

文章:

React入门实例教程React Webpack

论坛:

React中文论坛

如有错误之处,欢迎指正!

著作权归作者所有。
商业转载请联系作者获得授权,非商业转载请注明出处。


目录
React入门教程
React:JSX
React:组件的生命周期
React:数据流
React:事件处理
React:复合组件
React:mixin
React:DOM操作
React:表单

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }