这篇文章主要介绍了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是不是渐进式框架的详细内容了,看完之后是否有所收获呢?如果想了解更多相关内容,欢迎来恰卡网行业资讯!