为什么要学习React?
React 是一个用于构建用户界面的JavaScript 库。React主要用于构建UI。React 拥有较高的性能,代码逻辑非常简单,越来越多的人已开始关注和使用它。
React有哪些特性?
1.组件化:React 是基于组件的开发方式,将用户界面拆分为多个独立的组件,使得代码结构更清晰、可复用性更高,并方便组件的组合和嵌套。
2.虚拟 DOM:React 使用虚拟 DOM 进行高效的渲染,并与实际的 DOM 进行比较,只更新需要改变的部分,从而提高应用的性能。
3.单向数据流:React 推崇单向数据流的理念,数据从父组件传递给子组件,子组件通过回调函数将数据的变更通知给父组件,确保数据的一致性和可追踪性。
4.生命周期方法:React 组件具有一系列的生命周期方法,可以在组件不同的生命周期阶段执行特定的操作,例如组件的初始化、挂载、更新和卸载等。
5. 高效的更新算法:通过使用虚拟 DOM 和差异化算法,React 可以批量更新 DOM,极大地提高了应用的性能和响应速度。
React高效的原因?
1.React使用了虚拟dom,通过差异化最小化真实dom,减少了浏览器的重绘和重排,大大提升了性能;
2.批量更新:React会将多个setState合并为一个更新操作,从而避免了频繁的重新渲染,提高页面响应速度和性能。
React的官方网址
中文官网:https://react.docschina.org/
React的创建和使用流程
1.首先你要确定安装了node.js
2.使用create-react-app 你想要的文件名称
3.cd进入 你的文件
4.使用npm start 命令启动服务器
5.在src目录中创建你所用到的组件,创建的组件一般以.js或者.jsx作为文件拓展名
6.在组件中使用props进行传递数据
7.安装和使用第三方库:如果有需要可以下载第三方的库,可以通过npm命令来下载第三方的资源;在所需要用到的组件中使用import来进行引入使用