专栏首页web前端教室不用那么多,每天一点点,学习React,贵在持之以恒

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

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

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

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

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

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

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

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

本文分享自微信公众号 - web前端教室(webfeel),作者:老尚

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

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

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

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 已经有vueJs和ReactJs了,jQuery还需要学习吗?

    先说结论啊,从我的教学经历和效果反馈来看,零基础新人学习web前端开发,还是需要学习jQuery的。

    web前端教室
  • 【视频】- 5分钟学习<函数式编程>

    温馨提示:视频请点此观看 // 视频文字版: JavaScript 函数式编程是一个存在了很久的话题, 现在ES6语法对于函数式编程更为友好,所以开始变的更...

    web前端教室
  • 【怎么学】又有人问我,零基础怎么学?

    不要急,不要气,忍住头疼,慢慢写来慢慢说。 今天又有人加我, -问我,“老尚,我想问问前端的事”; 我,“问”; -对方:“零基础怎么学前端?”; 我,“先行者...

    web前端教室
  • 【Vue原理】Render - 源码版 之 主要 Render

    compile 我们已经讲了九篇的内容了,终于走到了 render,今天就来给自己记录下渲染三部曲的第二部,render,咦,render 内容不多的,就两篇文...

    神仙朱
  • SAP CRM WebClient UI和Hybris CommerceUI tag的渲染逻辑

    每个应用的入口都是search,为了避免application developer重复造轮子,SAP WebUI的框架开发人员把搜索的逻辑实现在了tag adv...

    Jerry Wang
  • 身份证最后一位算法

    排列顺序从左至右依次为:六位数字地址码,八位数字出生日期码,三位数字顺序码和一位校验码。  1、地址码    表示编码对象常住户口所在县(市、旗、区)的行政区域...

    周俊辉
  • React 性能优化大挑战:一次理解 Immutable data跟shouldComponentUpdate

    作者: TechBridge Weekly/huli https://blog.techbridge.cc/2018/01/05/react-render-op...

    企鹅号小编
  • 有趣的赋值逻辑运算符

    我们在写js逻辑的时候,不可否认的用到了很多逻辑的运算符,像||、&&这些,那么我们基本都是在三元运算符或者if判断里进行使用,那么我们其实可以在赋值的时候一样...

    何处锦绣不灰堆
  • Golang:使用 httprouter 构建 API 服务器

    我 10 个月前开始成为一名 Gopher,没有回头。像许多其他 gopher 一样,我很快发现简单的语言特性对于快速构建快速、可扩展的软件非常有用。当我刚开始...

    李海彬
  • 点击空白处隐藏软键盘

    在点击Editext的时候安卓会弹出软键盘,在我们输入完后不点击软键盘的”完成”键的时候,软键盘有时候会一直停留在”界面”,甚至跳转到另一个”界面”上.这样体验...

    夏洛克的猫

扫码关注云+社区

领取腾讯云代金券