hello-react | 易学教程

从零开始 2，react -快速上手

阅读更多关于从零开始 2，react -快速上手

什么是React A JAVASCRIPT LIBRARY FOR BUILDING USER INTERFACES 用来构建UI的 JavaScript库 React 不是一个 MVC 框架，仅仅是视图（V）层的库特点 1 使用 JSX语法创建组件，实现组件化开发，为函数式的 UI 编程方式打开了大门 2 性能高的让人称赞：通过 diff算法和虚拟DOM 实现视图的高效更新 3 HTML仅仅是个开始为什么要用React 1 使用组件化开发方式，符合现代Web开发的趋势 2 技术成熟，社区完善，配件齐全，适用于大型Web项目（生态系统健全） 3 由Facebook专门的团队维护，技术支持可靠 4 ReactNative - Learn once, write anywhere: Build mobile apps with React 5 使用方式简单，性能非常高，支持服务端渲染 6 React非常火，从技术角度，可以满足好奇心，提高技术水平；从职业角度，有利于求职和晋升，有利于参与潜力大的项目 React中的核心概念 1 虚拟DOM（Virtual DOM） 2 Diff算法（虚拟DOM的加速器，提升React性能的法宝）虚拟DOM（Vitural DOM） React将DOM抽象为虚拟DOM，虚拟DOM其实就是用一个对象来描述DOM，通过对比前后两个对象的差异

钻牛角尖似的学习React.萌到发蠢的萌新

阅读更多关于钻牛角尖似的学习React.萌到发蠢的萌新

【推荐阅读】微服务还能火多久？>>> 嗯，，，实习期间一直用的vue,去年为了应付面试，（面试造火箭，工作拧螺丝。。。）但当时react看了一周，简历上都是写的，知道React.笑哭了要。。嗯。。。现在已经忘完了。 1.hello React 要安装三个依赖，具体原因对于只是知道1+1=2的我来说，太难了，不知道，现在，嗯，我的学习方法是温故而知新，等以后“温故”的时候再研究。hahh 1.安装三个必须要安装的（1)react.js 这是核心包，安装方式： npm install react --save (2)react-dom.js 渲染页面中的dom，当前文件依赖react核心文件安装方式： npm install react-dom ---save (3)babel.js ES6转换成ES5 JSX语法换成js 现今浏览器兼容安装方式： npm install babel-standalone --save 2.下载完成，添加引用参照目录，引入对应的引用 3.创建根节点 <div id="demo"></div> 4.小栗子实现 <body>  <div id="demo"></div> <script type="text/babel"> // jsx = js xml

React 中的生命周期函数

阅读更多关于 React 中的生命周期函数

【推荐阅读】微服务还能火多久？>>> 生命周期函数指的是组件在某一时刻会自动执行的函数 constructor可以看成一个类的普通生命周期函数，但不是react独有的生命周期函数 render() 是数据发生变化时会自动执行的函数，因此属于react的生命周期函数 mounting只在第一次渲染时会执行 import React,{Component} from 'react' ; class Counter extends Component{ constructor(props){ super(props); console.log( 'constructor' ); } componentWillMount(){ console.log( 'componentWillMount' ); } componentDidMount(){ console.log( 'componentDidMount' ); } render(){ console.log( 'render' ); return ( <div>hello react</div> ) } } export default Counter; 可以看到代码有提示：componentWillMount has been renamed, and is not recommended for use. 这是因为React 16