React入门_学习笔记

首页免费课 React入门笔记

React入门

                
                Materliu
            Web前端工程师

                    查看讲师更多课程 
                    Materliu讲师的其他课程
                
Sass和Compass必备技能之Compass
中级·21218
免费课程
                                
Sass和Compass必备技能之Sass篇
中级·29322
免费课程
                                
Grunt-beginner前端自动化工具
高级·60394
免费课程
                                
                难度中级
            
                时长54分
            
                学习人数
            
综合评分9.60
                            323人评价
                        查看评价
                                9.8
                                内容实用
                            
                                9.5
                                简洁易懂
                            
                                9.5
                                逻辑清晰

最热最新

qq_小白_58

https://cdnjs.cloudflare.com/ajax/libs/react/0.13.3/react.js
https://cdnjs.cloudflare.com/ajax/libs/react/0.13.3/JSXTransformer.js


<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.6.16/browser.js"></script>

查看全部

2 采集收起来源：React-Event-Listener
2018-04-29
冷月诗魂

### 初识 React 1. React 不是一个完整的 MVC、MVVM 框架，其只负责 View 层，MVC 已经不适用于某些场景的开发 2. React 跟 Web Components 不冲突 3. React 的特点就是“轻”，数据单向绑定，独立、小巧、快速、创新 4. 组件化的开发思路，小组件构成大组件，高度可重用 ### React 应用场景 1. 复杂场景下的高性能 2. 重用组件库，组件组合 3. “懒”，少做无用功 > 你总是这样轻言放弃的话无论过多久都只会原地踏步。 -- 多啦a梦 ### 前置知识 1. JS CSS 2. Sass Compass 3. Yeoman Grunt Webpack 4. CommonJS NodeJS 5. Git GitHub ### to be a better engineer 1. 无论知识有多新、项目有多难，只要来了什么姿势都要上 2. 没人疼、没人爱，团队中没人可以帮上忙，要学会借助外力，视频、Google、开源项目 3. 积极要求进步 my blog: https://zyf.im

查看全部

2 采集收起来源：React入门课程介绍
2018-03-22
无水有月

stopPropagation()停止事件冒泡 preventDefault()停止事件默认行为 React.findDOMNode(this.fess.<ref属性的值>): 索引子组键的dom元素新版本需要注意的地方： 1，js文件引用换成最新的 <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/react/15.3.0/react.min.js"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/react/15.3.0/react-dom.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js"></script> 2， <script type="text/jsx"> 换成<script type="text/babel"> 3，var tipE = React.findDOMNode(this.refs.tip); 换成var tipE = ReactDOM.findDOMNode(this.refs.tip); 4,React.render 换成ReactDOM.render

查看全部

2 采集收起来源：React-Event-Listener
2018-03-22
廖灵源

罐头是1810年发明出来的，可是开罐器呢,却是1858年发明出来．有时就是这样, 重要的东西可能迟来一步, 但却一定会到. 生活和爱情都是如此, 程序当然也不例外. Ｏ（∩＿∩）Ｏ哈哈～

查看全部

2 采集收起来源：React-JSX-Style
2017-06-16
Himushroom

在看视频的时候发现老师讲解还是es5的语法，按照之前看的一些ES6语法将老师的代码改成了ES6的语法，调试过可以正常使用，感兴趣的小伙伴可以进入我的github中查看源代码(https://github.com/himushroom/Mooc-react- )，欢迎Fork，遇到问题可以互相交流~

查看全部

2 采集收起来源：React-Event-Listener
2016-10-22
慕盖茨9169958

stopPropagation()停止事件冒泡 preventDefault()停止事件默认行为 React.findDOMNode(this.fess.<ref属性的值>): 索引子组键的dom元素新版本需要注意的地方： 1，js文件引用换成最新的 <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/react/15.3.0/react.min.js"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/react/15.3.0/react-dom.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js"></script> 2， <script type="text/jsx"> 换成<script type="text/babel"> 3，var tipE = React.findDOMNode(this.refs.tip); 换成var tipE = ReactDOM.findDOMNode(this.refs.tip); 4,React.render 换成ReactDOM.render

查看全部

2 采集收起来源：React-Event-Listener
2018-03-22
yjjun

正所谓粉末登场，远近起帆，风云更迭，嬉皮而黄，多少聚散于圆缺

查看全部

2 采集收起来源：React-JSX-Style
2016-06-10
yjjun

“罐头是1810发明出来的，可是开罐器呢，却在1858年才发明出来。有时就是这样，重要的东西可能迟来一步，但却一定会到。生活和爱情，都是如此。程序，当然也不例外。”

查看全部

2 采集收起来源：React-JSX-Style
2016-06-10
甍晓落 07:59

react前置知识

查看全部

1 采集收起来源：React入门课程介绍
2016-04-13
突然想起you 03:48

组件化开发的思路，这点很重要

查看全部

1 采集收起来源：React入门课程介绍
2016-03-14
longming 10:34

className

查看全部

1 采集收起来源：React-JSX-Style
2016-03-03
Marsd

React.findDOMNode is deprecated. Please use ReactDOM.findDOMNode from require('react-dom') instead. 又一个弃用的

查看全部

1 采集收起来源：React-Event-Listener
2016-02-03
Marsd

var 变量名首字母要大写！ var testDom //wrong var TestDom //right react 拆分为react &reacdom React.render(<h1>wrong way</h1>, document.get....) ReactDOM.render(<h1>right way</h1>,documnent.get....)

查看全部

1 采集收起来源：React-Event-Listener
2018-03-22
colorfulberry

var Hello = React.createClass({ getInitialState: function(){ alert('init'); return { opacity: 1.0, fontSize: '12px', }; }, render: function() { return <div style={this.state}>Hello {this.props.name}</div>; }, componentWillMount: function(){ alert("will"); }, componentDidMount: function(){ alert('did'); var _self = this; window.setTimeout(function(){ _self.setState({ opacity: 0.5, fontSize: '44px', }) }, 1000 ) }, }); ReactDOM.render( <Hello name="World" />, document.getElementById('container') );

查看全部

1 采集收起来源：React-Components-Lifecycle
2018-03-22
Web_dlf

this指的是调用函数的那个对象；

查看全部

1 采集收起来源：React-Components-Lifecycle
2015-11-24