这篇文章主要讲解了“React开发依赖是什么”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“React开发依赖是什么”吧!React是什么呢?相信每个做开发的人对它都或多或少有一些印象;这里我们来看一下官方对它的解释:用于构建用户界面的 JavaScript 库;目前对于前端开发来说,几乎很少直接使用原生的JavaScript来开发应用程序,而是选择一个JavaScript库(框架)。在过去的很长时间内,jQuery是被使用最多的JavaScript库;在过去的一份调查中显示,全球前10,000个访问最高的网站中,有65%使用了jQuery,是当时最受欢迎的JavaScript库;但是,目前甚至已经处于淘汰的边缘了;而无论是国内外,最流行的其实是三大框架:Vue、React、Angular
。React由Facebook来更新和维护,它是大量优秀程序员的思想结晶:React的流行不仅仅局限于普通开发工程师对它的认可;大量流行的其他框架借鉴React的思想;Vue.js框架设计之初,有很多的灵感来自Angular和React。包括Vue3很多新的特性,也是借鉴和学习了React;比如React Hooks是开创性的新功能(也是我们课程的重点);Vue Composition API学习了React Hooks的思想;Flutter的很多灵感都来自React,来自官网的一段话:(SwiftUI呢)事实上Flutter中的Widget – Element – RenderObject;对应React的就是JSX – 虚拟DOM – 真实DOM;所以React可以说是前端的先驱者
,它总是会引领整个前端的潮流。React:用于构建用户界面的 JavaScript 库;React的官网文档:https://zh-hans.reactjs.org/声明式编程声明式编程是目前整个大前端开发的模式:Vue、React、Flutter、SwiftUI;它允许我们只需要维护自己的状态,当状态改变时,React可以根据最新的状态去渲染我们的UI界面;组件化开发:组件化开发页面目前前端的流行趋势,我们会将复杂的界面拆分成一个个小的组件;如何合理的进行组件的划分和设计也是后面我会讲到的一个重点;多平台适配2013年,React发布之初主要是开发Web页面;2015年,Facebook推出了ReactNative,用于开发移动端跨平台;(虽然目前Flutter非常火爆,但是还是有很多公免费云主机域名司在使用 ReactNative);2017年,Facebook推出ReactVR,用于开发虚拟现实Web应用程序;(VR也会是一个火爆的应用场景);开发React必须依赖三个库
:react:包含react所必须的核心代码react-dom:react渲染在不同平台所需要的核心代码babel:将jsx转换成React代码的工具, jsx语法浏览器是不识别的第一次接触React会被它繁琐的依赖搞蒙,居然依赖这么多东西: (直接放弃?)对于Vue来说,我们只是依赖一个vue.js文件即可,但是react居然要依赖三个包。其实呢,这三个库是各司其职的,目的就是让每一个库只单纯做自己的事情;在React的0.14版本之前是没有react-dom这个概念的,所有功能都包含在react里;为什么要进行拆分呢?原因就是推出react-nativereact包中包含了react web和react-native所共同拥有的核心代码。react-dom针对web和native所完成的事情不同:babel是什么呢?Babel ,又名 Babel.js。是目前前端使用非常广泛的编译器、转移器。比如当下很多浏览器并不支持ES6的语法,但是确实ES6的语法非常的简洁和方便,我们开发时希望使用它。那么编写源码时我们就可以使用ES6来编写,之后通过Babel工具,将ES6转成大多数浏览器都支持的ES5的语法。React和Babel的关系:默认情况下开发React其实可以不使用babel。但是前提是我们自己使用 React.createElement 来编写源代码,它编写的代码非常的繁琐和可读性差。那么我们就可以直接编写jsx(JavaScript XML)的语法,并且让babel帮助我们转换成React.createElement。后续文章还会详细讲到;所以,我们在编写React代码时,这三个依赖都是必不可少的。那么,如何添加这三个依赖:方式一:直接CDN引入方式二:下载后,添加本地依赖方式三:通过npm管理(后续脚手架再使用)暂时我们直接通过CDN引入,来演练下面的示例程序:这里有一个crossorigin的属性,这个属性的目的是为了拿到跨域脚本的错误信息感谢各位的阅读,以上就是“React开发依赖是什么”的内容了,经过本文的学习后,相信大家对React开发依赖是什么这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是百云主机,小编将为大家推送更多相关知识点的文章,欢迎关注!
这篇文章主要讲解了“.net任务调度框架Hangfire怎么使用”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“.免费云主机域名net任务调度框架Hangfire怎么使用”吧!这里就简单的演示.net core下…
免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。