react算是目前最火的js MVC框架了,写一个react系列的博客,顺便回忆一下react的基础知识,新入门前端的小白,可以持续关注,我会从零开始教大家用react开发一个完整的项目,也会涉及到webpack,node等前端知识,每天会更新一篇.这篇react的系列博客会覆盖react目前的所有知识点: 一.React基础1.React 虚拟DOM概念,React的性能高效的核心算法2.React组件,理解什么叫组件化3.React组件嵌套4.JSX内置表达式5.React的生命周期 二.R…

Props & onChange 的原罪 .「props & onChange 接口规范」它不是一个典型的「程序接口规范」. 当你拿到一个可视组件的 ref,却没有类似 setProps() 这样的方法来改变其 props,你只能在 render() 方法中,通过 jsx 语言来设置其 props.这意味着父元素必须保存并维护这个 props 对应的值,而更多时候,父容器只是想一次性的设置一个值,然后就走,让以后的事情交给子元素自己去维护.当然,你也可以通过 ref 来获取子元素的应用,然…

React Native & react-native-web-player & React Native for Web https://github.com/dabbott/react-native-web-player https://dabbott.github.io/react-native-web-player/ import React, { Component } from 'react' import { AppRegistry, StyleSheet, Text, Vi…

1. JSX JSX是一种拥有描述UI的JavaScript扩展语法,React使用这种语法描述组件的UI. 1.1 基本语法 JSX可以嵌套多个HTML标签,可以使用大部分符号HTML规范的属性. TodoList.js: import React, { Component } from 'react' class TodoList extends Component { render(){ return ( <ul> <li>To Do</li> <li>…

组件 1. 无状态组件 在React中,组件的名字必须用大写字母开头,而包含该组件定义的文件名也应该是大写字母(便于区分,也可以不是). 无状态组件是纯展示组件,仅仅只是用于数据的展示,只根据传入的props来进行展示,不涉及到state状态处理,通过函数式的方式来创建一个无状态函数式组件(大多数组件都是无状态组件,通过简单的组合可以构建成其他的组件,最后合并成一个大的应用). 无状态函数式组件是一个只带有render方法的组件,通过函数形式或者箭头函数形式创建,该组件无state状态. imp…

学习React的时候,你可能听到最多的就是要先学习webpack, babel,要先学会配置然后才能学react 等等,一堆的配置就把我们吓着了,根本就没有心情就学习react了.其实在最开始学习react, 想要了解React 是什么的时候,我们完全不用配置,直接用script标签 引入React就可以了, 不过要注意,这里需要引入两个库:React 和ReactDom.React 用来创建UI, ReactDom 负责把React 创建的UI 渲染到浏览器中. 初学react只需下面这个模版…

react里面有几个需要区别开的函数 React.createClass .React.createElement.Component 首选看一下在浏览器的下面写法: <div id="app"> </div> <script src="../js/react.js"></script> <script src="../js/react-dom.js"></script> &…

React是什么 React是如今(2015年)最热门的前端技术. 在React中.一切皆组件. A JavaScript library for building user interfaces React不过用于构建用户界面的js库(MVC中的V),不是完整的MV*框架,所以和Angular.Backbone和Ember没有可比性. 使用jQuery操作DOM的日子或许会成为过去. React的特点 (1) 不过UI React不过MVC中的V. (2) 虚拟DOM React为了更高超的性…

前言 先说说 shouldComponentUpdate 提起React.PureComponent,我们还要从一个生命周期函数 shouldComponentUpdate 说起,从函数名字我们就能看出来,这个函数是用来控制组件是否应该被更新的. React.PureComponent 通过prop和state的浅对比来实现shouldComponentUpate(). 简单来说,这个生命周期函数返回一个布尔值. 如果返回true,那么当props或state改变的时候进行更新: 如果返回fal…

概述 本篇为<React Native之React速学教程>的最后一篇.本篇将带着大家一起认识ES6,学习在开发中常用的一些ES6的新特性,以及ES6与ES5的区别,解决大家在学习React /React Native过程中对于ES6与ES5的一些困惑. ES6的特性 何为ES6? ES6全称ECMAScript 6.0,ES6于2015年6月17日发布,ECMAScript是ECMA制定的标准化脚本语言.目前JavaScript使用的ECMAScript版本为ECMAScript-262.…