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

React 教程

开始阅读
手册说明:


了解React

React是Facebook开源的一个用于构建用户界面的一款JavaScript库,现已应用于Facebook及旗下Instagram应用。

React与庞大的AngularJS不同的地方在于它只专注于MVC框架中的V,即视图;这点使得React很容易与开发者已有的开发栈进行融合。

React在使用的时候,你应该从UI出发,抽象出不同的组件,继而将它们拼装起来;这点顺应了Web开发组件化的趋势。


React和其他一些JS框架的比较

  • React不是一个MVC框架,它是构建易于可重复调用的web组件,侧重于UI, 也就是view层
  • 其次React是单向的从数据到视图的渲染,非双向数据绑定
  • 不直接操作DOM对象,而是通过虚拟DOM通过diff算法以最小的步骤作用到真实的DOM上。
  • 不便于直接操作DOM,大多数时间只是对 virtual DOM 进行编程

React的应用情况

React在国外应用的比较多,例如Facebook、Yahoo、Raddit等都有使用到它。React在国内的应用相对较少,杭州大搜车算一个。大多技术要在国内应用起来一般是较慢的,不过React确实感觉比较特殊,特别是UI的组件化和Virtual DOM的思想。


React视频教程

《React极速入门指南》

《Vue、Angular、React 项目开发与深度对比》


您需要了解的与React相关的教程

《CSS教程》

《HTML教程》

《javascript教程》

《React 入门实例教程》

更多教程请参考W3Cschool.cn

如果您觉得React的学习难度较高,不好理解,可以采用更易于理解的视频教程进行学习:React视频课程

目录
React 前言
React 教程
React 安装
React JSX
React 组件
React State(状态)
React Props
React 组件 API
React 组件生命周期
React AJAX
React 表单与事件
React Refs

关闭

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; }