![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
从零开始学习react
麦票
勿忘初心,方得始终
展开
-
从零开始学习react-01
第一节 React简介:React起源于Facebook的内部项目,该公司积极尝试引入HTML5技术用来架设Instagram网站,开发中发现HTML5的性能下降明显,达不到预期的效果。他们就自己开发了React框架。ReactJS官方地址:https://facebook.github.io/react/GitHub地址:https://github.com/facebook/re...原创 2018-07-03 23:28:47 · 240 阅读 · 0 评论 -
React 智能组件&&木偶组件&&生命周期
智能组件&木偶组件这是用React做系统设计时两个非常重要的概念.虽然在React中,所有的单位都叫做组件,但是通过以上例子,我们还是将它分别放在了./app/containers和./app/components两个文件夹中智能组件 在日常开发中,我们也简称”页面”.为何说它”智能”.因为它指挥做一些聪明的事,脏活累活都不干.它只对数据负责,只需要获取了数据,定义好数据操作的相...原创 2018-07-23 16:48:01 · 358 阅读 · 0 评论 -
React 性能优化
React 性能优化性能检测安装react性能检测工具npm i react-addons-perf --save,然后再./app/index.jsx中// 性能测试import Perf from 'react-addons-perf'if (__DEV__) { window.Perf = Perf}运行程序,在操作之前,先运行Perf.start()开始检...原创 2018-07-24 17:54:58 · 281 阅读 · 1 评论 -
从零开始学习react-02
第二节 JSX语法JSX即Javascript XML,它使用XML标记来创建虚拟DOM和声明组件。第02节的HelloWorld程序从本质上能完成所有的工作。只是有一些开发效率问题,比如JavaScript代码与标签混写在一起、缺乏模板支持等。而使用JSX,则可以有效解决这些问题。...原创 2018-07-19 15:27:26 · 226 阅读 · 0 评论 -
React 创建项目的基础
如何创建一个react项目npm install -g create-react-appcreate-react-app my-appcd my-appnpm start关于webpack的一些基本命令和配置首先我们需要初始化项目,npm init生成package.json文件利用webpack构建工具,安装相应插件,运行npm install webpack webp...原创 2018-07-19 23:54:53 · 1594 阅读 · 0 评论 -
React中 JSX语法
jsx语法React里面写模板要使用jsx语法,他其实和html很相似但是又不太一样.使用一个父节点包裹jsx中不能一次性返回零散的多个节点,如果有很多个节点,需要包含在一个父节点中 return ( <div> <p>推荐</p> <p>...原创 2018-07-20 15:22:28 · 400 阅读 · 0 评论 -
React 数据传递&数据变化
props在页面中引用header时,这样写<Header title = 'Hellow页面' />,即给Header组件设置一个title属性,而在Header组件中可以这样取到 render() { return ( <div> <p>{this.props.tit...原创 2018-07-20 17:52:05 · 5710 阅读 · 0 评论