首页 > 其他分享 >好客租房2-React概述

好客租房2-React概述

时间:2023-02-09 17:07:41浏览次数:40  
标签:租房 react React HTML UI 好客 组件 页面


1.1什么是react

React是一个用于构建用户界面的javascript库

用户界面:HTML页面

React主要用来HTML 或者沟通构建web应用

如果从MVC的角度来看 react仅仅是从视图层 也就是只负责试图的渲染 而并非提供了完整的M和C的功能

React起源于FaceBook的内部项目 后有用来假设Instagram的网站

并与2013年开源
1.2React的特点
1声明式

你只需要描述UI看起来是什么样,就和写HTML一样

React负责渲染UI Bing在数据变化时候更新UI

    const jsx=<div className="app">
        <h1>Hello React {geyao}</h1>
    </div>

2基于组件

组件是React最重要的内容

组件表示页面中的部分内容

组合 服用多个组件 可以实现完整的页面功能
3学习一次,随处使用

使用react可以开发web应用

使用react可以开发移动端应用

使用react可以开发vr应用

微信公众号关注前端小歌谣学习前端知识
 

标签:租房,react,React,HTML,UI,好客,组件,页面
From: https://blog.51cto.com/u_15460007/6047150

相关文章

  • #yyds干货盘点 歌谣学前端之React中渲染列表
    前言我是歌谣我有个兄弟巅峰的时候排名c站总榜19叫前端小歌谣曾经我花了三年的时间创作了他现在我要用五年的时间超越他今天又是接近兄弟的一天人生难免坎坷大不了从......
  • #yyds干货盘点 歌谣学前端之React中虚拟dom
    前言我是歌谣我有个兄弟巅峰的时候排名c站总榜19叫前端小歌谣曾经我花了三年的时间创作了他现在我要用五年的时间超越他今天又是接近兄弟的一天人生难免坎坷大不了从......
  • react 开始 八 事件传递
    classT1extendsReact.Component{constructor(props){super(props)this.state={value:1}this.handleChange=this.h......
  • react 开始 六 条件渲染
    functionIn(props){return<div>111</div>}functionOut(props){return<div>000</div>}functionInOut(props){constv=props.value;//根据v决......
  • React 事件传递传递参数及事件对象
    React事件1、React事件的命名采用小驼峰式(camelCase),而不是纯小写。2、使用JSX语法时你需要传入一个函数作为事件处理函数,而不是一个字符串。3、在React中另一个......
  • P21:React高级-生命周期改善程序性能shouldComponentUpdate
    React16基础​​阐述​​​​服务组件存在性能问题​​​​利用`shouldComponentUpdate`解决​​阐述已经对React生命周期有了认识,那如何利用它提高组件的性能那?这节课......
  • P23:React高级-CSS3实现react显示隐藏
    React16基础​​阐述​​​​新建一个Boss组件​​​​编写业务逻辑​​​​加入CSS动画​​​​Demo​​​​index.js​​​​exp.css​​​​Example.js​​​​Boss.js......
  • react-native-web跨平台实战
    1.背景 随着对用户体验要求的提高,产品要求提升用户体验,多端体验一致。随着多端相同的业务也越来越多,需要投入IOS,Android,Web多端开发人员。这就迫切的需要一......
  • React函数式组件使用@emotion时一定要注意的问题!
    怎么说呢,一个坑,踩了两天,总觉得是useSate和input的传值方法问题在useMemo和useCallback反复测试问题最后没办法,通过最傻方式,一点点注释代码,发现了问题constContainer=......
  • C#,Winform软件防破译-源代码加密简单方法之.NET REACTOR(一)
     一、.NETReactor介绍 .NETReactor是一个功能强大的代码保护和软件许可系统,适用于为.NETFramework编写的软件,并支持生成.NET程序集的所有语言。支持Blazor保护,支......