梁朋杰

  • 主页
  • 所有文章
所有文章 友链 关于我

梁朋杰

  • 主页
  • 所有文章

React历程

2017-04-20

React介绍

1、React 是一个用于构建用户界面的 JAVASCRIPT 库。
2、React主要用于构建UI,很多人认为 React 是 MVC 中的 V(视图)。
3、React 起源于 Facebook 的内部项目,用来架设 Instagram 的网站,并于 2013 年 5 月开源。
4、React 拥有较高的性能,代码逻辑非常简单,越来越多的人已开始关注和使用它。

React的特点

1、声明式设计 −React采用声明范式,可以轻松描述应用。
2、高效 −React通过对DOM的模拟,最大限度地减少与DOM的交互。
3、灵活 −React可以与已知的库或框架很好地配合。
4、JSX − JSX 是 JavaScript 语法的扩展。React 开发不一定使用 JSX ,但我们建议使用它。
5、组件 − 通过 React 构建组件,使得代码更加容易得到复用,能够很好的应用在大项目的开发中。
6、单向响应的数据流 − React 实现了单向响应的数据流,从而减少了重复代码,这也是它为什么比传统数据绑定更简单。

React组件API

1、SetState:设置状态
2、replaceState:替换状态
3、setProps:设置属性
4、replaceProps:替换属性
5、forceUpdate:强制更新
6、findDomNode:获取DOM节点
7、isMounted:判断组件挂载状态

Tip

  • 原生HTML元素名以小写字母开头,而自定义的React类名以大写字母开头,还需注意组件类只能包含一个顶层标签。
  • React只需更新组件的state,然后根据新的state重新渲染用户界面。
赏

谢谢你请我吃糖果

扫一扫,分享到微信

微信分享二维码
Hello World
React表单组件
© 2018 梁朋杰
Hexo Theme Yilia by Litten
  • 所有文章
  • 友链
  • 关于我

tag:

  • JS
  • React
  • React表单
  • Vue px rem
  • Vuex
  • Vue axios vuex vue-router
  • Vue
  • http
  • node nvm
  • node utility
  • Vue Mongdb Koa

    缺失模块。
    1、请确保node版本大于6.2
    2、在博客根目录(注意不是yilia根目录)执行以下命令:
    npm i hexo-generator-json-content --save

    3、在根目录_config.yml里添加配置:

      jsonContent:
        meta: false
        pages: false
        posts:
          title: true
          date: true
          path: true
          text: false
          raw: false
          content: false
          slug: false
          updated: false
          comments: false
          link: false
          permalink: false
          excerpt: false
          categories: false
          tags: true
    

  • React教程
  • React菜鸟教程
  • React入门实例(阮一峰)
  • React Router使用教程(阮一峰)
  • React介绍及实例教程
乐于分享,喜欢环境音乐,爱看动漫,偶尔写写技术博客的小程一枚...