- ReactJS 教程
- ReactJS 教程
- ReactJS - 简介
- ReactJS - 安装
- ReactJS - 特性
- ReactJS - 优点和缺点
- ReactJS - 架构
- ReactJS - 创建 React 应用程序
- ReactJS - JSX
- ReactJS - 组件
- ReactJS - 嵌套组件
- ReactJS - 使用组件
- ReactJS - 组件集合
- ReactJS - 样式
- ReactJS - 属性（props）
- ReactJS - 使用属性创建组件
- ReactJS - props 验证
- ReactJS - 构造函数
- ReactJS - 组件生命周期
- ReactJS - 事件管理
- ReactJS - 创建事件感知组件
- ReactJS - 在Expense Manager APP中引入事件
- ReactJS - 状态管理
- ReactJS - 状态管理 API
- ReactJS - 无状态组件
- ReactJS - 使用 React Hooks 进行状态管理
- ReactJS - 使用 React 钩子的组件生命周期
- ReactJS - 组件的布局
- ReactJS - 分页
- ReactJS - Material 用户界面
- ReactJS - Http 客户端编程
- ReactJS - 表单编程
- ReactJS - 受控组件
- ReactJS - 不受控制的组件
- ReactJS - Formik
- ReactJS - 条件渲染
- ReactJS - 列表
- ReactJS - 键
- ReactJS - 路由
- ReactJS - 冗余
- ReactJS - 动画
- ReactJS - 引导程序
- ReactJS - 地图
- ReactJS - 表格
- ReactJS - 使用 Flux 管理状态
- ReactJS - 测试
- ReactJS - CLI 命令
- ReactJS - 构建和部署
- ReactJS - 示例
- ReactJS - 钩子简介
- ReactJS - 使用 useState
- ReactJS - 使用 useEffect
- ReactJS - 使用 useContext
- ReactJS - 使用 useRef
- ReactJS - 使用 useReducer
- ReactJS - 使用 useCallback
- ReactJS - 使用 useMemo
- ReactJS - 自定义钩子
- ReactJS - 可访问性
- ReactJS - 代码拆分
- ReactJS - 上下文
- ReactJS - 错误边界
- ReactJS - 转发引用
- ReactJS - 片段
- ReactJS - 高阶组件
- ReactJS - 与其他库集成
- ReactJS - 优化性能
- ReactJS - 分析器 API
- ReactJS - 门户
- ReactJS - 没有 ES6 ECMAScript 的 React
- ReactJS - 没有 JSX 的 React
- ReactJS - 协调
- ReactJS - 引用和 DOM
- ReactJS - 渲染属性
- ReactJS - 静态类型检查
- ReactJS - 严格模式
- ReactJS - Web 组件
- ReactJS - 日期选择器
- ReactJS - Helmet
- ReactJS - 内联样式
- ReactJS - 属性类型
- ReactJS - 浏览器路由器
- ReactJS - DOM
- ReactJS - 旋转木马
- ReactJS - 图标
- ReactJS - 表单组件
- ReactJS - 参考 API
ReactJS - 简介
ReactJS 是一个免费且开源的前端 JavaScript 库，用于开发各种交互式用户界面。它是一个简单、功能丰富且基于组件的 UI 库。当我们说基于组件时，我们的意思是 React 通过创建各种可重用和独立的代码来开发应用程序。因此，该 UI 库在 Web 开发中被广泛使用。
ReactJS 可用于开发小型应用程序以及大型复杂应用程序。ReactJS 提供了最小且可靠的功能集来启动 Web 应用程序。React 社区通过提供大量现成的组件来补充 React 库，以在创纪录的时间内开发 Web 应用程序。React 社区还在 React 库之上提供了状态管理、路由等高级概念。
React 版本
Reactjs 库由 Facebook 的软件工程师 Jordan Walke 于 2011 年创立。然后是 React 的初始版本 0.3.0 于 2013 年 5 月发布，最新版本 17.0.1 于 2020 年 10 月发布。主要版本引入了重大更改，次要版本引入了新功能，而不会破坏现有功能。Bug 修复会在必要时发布。React 遵循语义版本控制 （semver） 原则。
ReactJS需要什么？
尽管有各种库提供了开发用户界面的媒介，但 ReactJS 在受欢迎程度方面仍然很高。原因如下 -
- 基于组件 - ReactJS利用多个组件来构建应用程序。这些组件是独立的，并具有自己的逻辑，这使得它们在整个开发过程中都可以重用。这将大大减少应用程序的开发时间。
- 更好更快性能 - ReactJS 使用虚拟 DOM。 虚拟 DOM 将应用程序组件的先前状态与当前状态进行比较，并且仅更新 Real DOM 中的更改。 然而，传统的 Web 应用程序会再次更新所有组件。这有助于 ReactJS 更快地创建 Web 应用程序。
- 极其灵活 - React 允许开发人员和团队设置他们认为最适合的自己的约定，并以他们认为合适的方式实施它，因为 React 中没有严格的代码约定规则。
- 轻松创建动态应用程序 - 动态 Web 应用程序需要更少的编码，同时提供更多功能。因此，ReactJS 可以很容易地创建它们。
- 开发移动应用程序 - 不仅是 Web 应用程序，React 还可以使用 React Native 开发移动应用程序。React Native 是一个源自 React 本身的开源 UI 软件框架。它使用 React 框架为 Android、macOS、Web、Windows 等开发应用程序。
- 调试容易 - React 中的数据流是单向的，即在使用 React 设计应用程序时，子组件嵌套在父组件中。由于数据流向单一，因此调试错误和发现错误变得更加容易。
应用
下面列出了几个由 React 库提供支持的流行网站 -
- Facebook，流行的社交媒体应用程序 - React 最初是在 Facebook（或 Meta）上开发的，所以他们使用它来运行他们的应用程序是很自然的。至于他们的移动应用程序，它使用 React Native 来显示 Android 和 iOS 组件，而不是 DOM。 Facebook 的代码库现在包含超过 20,000 个组件，并使用公开的 React 版本。
- Instagram，流行的照片共享应用程序 - Instagram 也完全基于 React，因为它也由 Meta 提供支持。显示其使用情况的主要功能包括地理位置、主题标签、Google 地图 API 等。
- Netflix，流行的媒体流媒体应用程序 - Netflix 在 2015 年切换到 React。影响此决策的主要因素是 1） 启动速度，以减少渲染主页的处理时间并在 UI 中启用动态元素，2） 模块化，以允许必须与控件体验共存的各种功能，以及 3） 高效 UI 渲染的运行时性能。
- Code Academy，流行的在线培训应用程序 - Code Academy 使用 React 作为“脚本经过实战考验，易于思考，使 SEO 变得容易，并且与遗留代码兼容，并且对未来足够灵活”。
- Reddit，流行的内容共享应用程序 - Reddit 也是从头开始使用 React 开发的。
如您所见，React Library 正在开发每个领域中最受欢迎的应用程序。