51dev.com IT技术开发者社区

51dev.com 技术开发者社区

react

Facebook的React Native之所以能打败谷歌的原因有7个(ReactNative vs Flutter)

Facebook的React Native之所以能打败谷歌的原因有7个(ReactNative vs Flutter)

https://baijiahao.baidu.com/s?id=1611028483072699113&wfr=spider&for=pc如果你喜欢用(或希望能够用)模板搭建应用,请使用Vue  如果你喜欢简单和“能用就行”的东西,请使用Vue &...

主流前端框架对比:Vue.js , React, Angular.js

主流前端框架对比:Vue.js , React, Angular.js

个人认为Vue.js的文档最恳切。我认为结合文档和遇到问题Google答案的匹配度来讲:Vue.js>ReactJS>AngularJS>Angular2 如何使用Vue.js?1.安装(1)script如果项目直接通过script加载CDN文件,代码示例如下:<scriptsrc="...

react常见组件问题Can't perform a React state update on an unmounted component

react常见组件问题Can't perform a React state update on an unmounted component

在写react组件的时候,会有这个警告Can'tperformaReactstateupdateonanunmountedcomponent.Thisisano-op,butitindicatesamemoryleakinyourapplication.Tofix,cancelallsubscriptionsandas...

react学习资源汇总

react学习资源汇总

1、React.js小书http://huziketang.mangojuice.top/books/react/2、AntDesignhttps://ant.design/index-cn3、React-Bootstraphttp://react-bootstrap.cn/4、React技术栈系列教程http://w...

react开发项目到上线全过程详解

react开发项目到上线全过程详解

随着react的流行,越来越多的前端工程师使用react来进行开发,当时用react时,creact-react-app无疑进入了大家的眼帘,本篇文章主要讲述如何从无到有的使用creact-react-app开发react应用,然后本地调试,直到最后的上线运行。 本篇文章内容结构说明,主要有以下12个部分:1...

react学习总结1

react学习总结1

react作为前端的三大框架之一,全球最流行的框架。通过今天的认识和学习。react就是构建用户界面的JavaScript库,安装配置它的的开发环境jsx的语法特点,html和js可以写到一起必须有很大的一个标签对包裹里面的子标签,可以自由缩进可以是单标记标签 必须闭合标签属性不能冲突使用v行内样式要写成js...

React与Vue

React与Vue

  React和vue都是做组件化的,整体的功能都类似,但是他们的设计思路是有很多不同的。使用react和vue,主要是理解他们的设计思路的不同。  如果你喜欢用(或希望能够用)模板搭建应用,请使用Vue    如果你喜欢简单和“能用就行”的东西,请使用V...

React学习,搭建项目,入门

React学习,搭建项目,入门

react项目基于node.js、用npm包管理工具; 在cmd命令行中输入:                   &n...

Vue.js与React的全面对比

Vue.js与React的全面对比

Vue.js与React.js从某些反面来说很相似,通过两个框架的学习,有时候对一些用法会有一点思考,为加深学习的思索,特翻阅了两个文档,从以下各方面进行了对比,加深了对这两个框架的认知。1.1Vue中有关数据绑定的部分vue是双向绑定,Vue.js最核心的功能有两个,一是响应式的数据绑定系统,二是组件系统。所谓双向绑...

react性能优化

react性能优化

  本文将详细介绍react性能优化 避免重复渲染  当一个组件的props或者state改变时,React通过比较新返回的元素和之前渲染的元素来决定是否有必要更新实际的DOM。当他们不相等时,React会更新DOM。  在一些情况下,组件可以通过重写这个生命周期函数shouldComponentUpdate...

react中的DOM操作

react中的DOM操作

  某些情况下需要在典型数据流外强制修改子代。要修改的子代可以是React组件实例,也可以是DOM元素。这时就要用到refs来操作DOM 使用场景  下面是几个适合使用refs的情况  1、处理焦点、文本选择或媒体控制  2、触发强制动画  3、集成第三方DOM库  如果可以通过声明式实现,则尽量避免使用re...

React简明学习

React简明学习

  React让组件化成为了前端开发的基本思路,比传统思路可以更好的控制前端复杂度,旧的开发方法受到了影响,如分离式的HTML/CSS、非侵入式JS、模板语言、MVC、CSS文件、Bootstrap等。在React中,组件把数据翻译成UI,数据通过组件props属性传入,组件自身状态通过state状态值来控制。&nbs...

react-router简明学习

react-router简明学习

  路由用来分发请求。后端是提供服务的,所以它的路由是在找controller,前端是显示页面的,所以它的路由是在找component。本文将详细介绍react-router-dom的内容 Router  Router是路由器组件的低阶接口,通常会使用如下某个高阶router来替代它<BrowserRo...

react组件生命周期

react组件生命周期

  为了理解React的工作过程,就必须要了解react组件的生命周期,如果人有生老病死,自然界有日月更替,每个组件在网页中也会被创建、更新和删除,如同有生命的机体一样。本文将详细介绍react组件生命周期 概述  每一个组件都有几个可以重写以让代码在处理环节的特定时期运行的“生命周期方法&rdq...

基于create-react-app的再配置

基于create-react-app的再配置

  使用Facebook官方推出的create-react-app脚手架,我们基本可以零配置搭建基于webpack的React开发环境。但是,如果需要个性化定制,则还需要基于create-react-app进行再配置 环境变量【设置】  在根目录下新建.env文件,可以用于本地环境变量覆盖  如在该文件中进行...