首页前端开发其他前端知识React渐进式框架的特点是什么,能用于做什么

React渐进式框架的特点是什么,能用于做什么

时间2024-03-25 06:46:03发布访客分类其他前端知识浏览498
导读:这篇文章主要为大家详细介绍了React渐进式框架的特点是什么,能用于做什么的内容,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望对大家学习或工作能有帮助,接下来就跟随小编一起来学习吧。 react是渐进式...
这篇文章主要为大家详细介绍了React渐进式框架的特点是什么,能用于做什么的内容,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望对大家学习或工作能有帮助,接下来就跟随小编一起来学习吧。

 


react是渐进式框架;react是用于构建用户界面的JavaScript库,React框架通常是指react、“react-router”和“react-redux”的组合,而React框架是渐进式的;React采用声明式编码UI,可以轻松实现交互式UI,让代码更加可行且方便调试。

本教程操作环境:Windows10系统、react17.0.1版、Dell G3电脑。

react是渐进式框架

什么是React

官方:用于构建用户界面的 JavaScript 库 。

所以React并不是一个框架,而是一个用于前端数据渲染的库。

而人们常指的React框架指的是:react+react-router+react-redux的组合。

React框架是渐进式的。

React 起源于 Facebook 的内部项目,最初来架设 Instagram ,后于 2013 年 5 月开源。

React的特点

高性能:虚拟DOM(Virtual DOM)配合 diff 算法,最大限度地减少与 DOM 的交互。

声明式:React采用声明式编码UI,可以轻松实现交互式UI,让代码更加可行且方便调试。

组件化:通过 React 构建组件,使得代码更加容易得到复用,能够高效率的应用在大项目的开发中。

单向响应的数据流:React 中的数据是单向自顶向下传递的,父组件数据的更新会自动传递到子组件,但子组件的数据更新不会影响到父组件,也不能在子组件修改父组件传入的数据

JSX扩展:JSX 是 JavaScript 语法的扩展。React 开发不一定使用 JSX ,但官网建议使用它。

灵活:React可以与已知的库或框架很好的进行配合。

扩展知识:

全局安装脚手架

$ npm i -g create-react-app

基于脚手架快速构建工程化的项目

$ create-react-app xxx项目名称

项目执行命令(package.json)

$ yarn start //=>
    开发环境下启动项目(默认会基于webpack-dev-server创建一个服务,用来随时编译和翻译开发的内容)
$ yarn build //=>
    生产环境下,把编写的内容打包编译,放到build文件目录下(服务器部署)
$ yarn eject //=>
    把所有隐藏在node_models 中的webpack中的配置项都暴露出来(方便自己根据项目需求,二次更改webpack配置)

感谢各位的阅读,以上就是“React渐进式框架的特点是什么,能用于做什么”的内容了,通过以上内容的阐述,相信大家对React渐进式框架的特点是什么,能用于做什么已经有了进一步的了解,如果想要了解更多相关的内容,欢迎关注网络,网络将为大家推送更多相关知识点的文章。

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: React渐进式框架的特点是什么,能用于做什么
本文地址: https://pptw.com/jishu/652608.html
PHP正则表达式怎么样做验证 React使用super的语法是什么,有什么要注意的

游客 回复需填写必要信息