不用那么多,每天一点点,学习React,贵在持之以恒

React,应该是目前前端领域最热的框架之一了,对于它的起源,现在我们大家应该都已经比较清楚了,它是fackbook搞出来的开源项目。它要解决的就是前端开发过程中的代码耦合的问题,它的真正的价值在于组件化开发,及可维护性的上升。

我觉得,在react的眼里,一切都是组件,这么说应该也不算过份。当然带来的代价就是有些过度设计之嫌,当然这也算是一道学习的门槛。学过了之后,其实感觉也就是那么回事,无非是把JS函数又按另外一种套路进行了封装而已。当然这是我自己的理解。

现在来看一个小例子,hello, world

在这个例子里,要用到ReactDOM.render方法。

它很简单,就是把模板转为html语言,并插入到指定的DOM节点。

ReactDOM.render(
  <h1>Hello, world!</h1>,
  document.getElementById('example')
);

运行的结果就是,网页上出现一个Hello,world!

原文发布于微信公众号 - web前端教室(webfeel)

原文发表时间:2016-10-14

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏前端知识分享

第28天:js-Tab栏切换封装函数

二、变量和属性 var index=10;//变量 var arr=[];//数组 arr.index=20;//index为自定义属性,只能在arr下使用 a...

1963
来自专栏木子昭的博客

红了绿了什么的最有意思了

在线展示地址: http://echarts.baidu.com/examples/editor.html?c=area-simple

1294
来自专栏企鹅号快讯

应用广泛的语言ECMAScript 2018来了,新特性都在这里

原文:What’s new in ECMAScript 2018 作者:Paul Krill 翻译:不二 译者注:ECMAScript是应用广泛的语言,它常常被...

2108
来自专栏极乐技术社区

微信小程序之生物识别

1、如有遇到新问题,可以在下方留言或者加QQ群437729329 进行咨询。 2、版权说明:该文章为小程序社区(www.wxapp-union.com/)版主T...

7366
来自专栏大数据挖掘DT机器学习

利用d3.js对QQ群资料进行大数据可视化分析

对于前段时间流出的QQ群数据大家想必已经有所了解了,处理后大小将近100G,多达15亿条关系数据(QQ号,群内昵称,群号,群内权限,群内性别和年龄)和将近900...

8477
来自专栏游戏开发那些事

【python游戏编程之旅】第六篇---pygame中的Sprite(精灵)模块和加载动画

本系列博客介绍以python+pygame库进行小游戏的开发。有写的不对之处还望各位海涵。

2912
来自专栏逍遥剑客的游戏开发

UE4中的DynamicTexture数据更新

44811
来自专栏java达人

博文精选|MobX — 10分钟极速入门 MobX 与 React

http://eyehere.net/2016/mobx-getting-started/(点击阅读原文前往)

883
来自专栏牛客网

CVTE 前端一面面经

【每日一语】在年轻的时候,在那些充满了阳光的长长的下午,我无所事事,也无所惧怕,只因为我知道,在我的生命里有一种永远的等待。挫折会来,也会过去,热泪会流下,也会...

833
来自专栏IMWeb前端团队

开放-封闭原则(OCP,Open - Closed Priciple)

开放-封闭原则(OCP,Open - Closed Priciple) 1 前言 害羞地看完了《单一职责简述》,自然想到了另外一个重要的原则——开放&封闭原则 ...

2859

扫码关注云+社区

领取腾讯云代金券