让我们通过应用我们在本教程中学到的概念来创建一个示例费用管理器应用程序。下面列出了一些概念 –
- React 基础知识（组件、jsx、道具和状态）
- 使用react-router 的路由器
- Http客户端编程（Web API）
- 使用 Formik 进行表单编程
- 使用 Redux 进行高级状态管理
- 异步/等待[……]
分类： Javascript
ReactJS – 构建和部署
Building & Deployment
让我们在本章中学习如何进行 React 应用程序的生产构建和部署。
建造
完成 React 应用程序开发后，需要将应用程序捆绑并部署到生产服务器。让我们在本章中学习可用于构建和部署应用程序的命令。
一个命令就足以创建应用程序[……]
ReactJS – CLI 命令
让我们学习本章创建 React App 命令行应用程序中可用的基本命令。
创建新应用程序
Create React App 提供了多种创建 React 应用程序的方法。
使用npx脚本。
npx create-react-app <react-app-name>[……]
ReactJS – 测试
测试是确保在任何应用程序中创建的功能符合业务逻辑和编码规范的过程之一。React 推荐使用React 测试库来测试 React 组件和jest test runner 来运行测试。react-testing-library允许单独检查组件。
它可以使用以下命令安装在应用程序中 -[……]
ReactJS – Animation动画
动画是现代 Web 应用程序的一个令人兴奋的功能。它给应用程序带来了清爽的感觉。React 社区提供了许多优秀的基于 React 的动画库，如 React Motion、React Reveal、react-animations 等，React 本身提供了一个动画库，React Transition[……]
ReactJS – Redux
React redux 是 React 的高级状态管理库。正如我们之前所了解的，React 仅支持组件级别的状态管理。在一个大而复杂的应用程序中，使用了大量的组件。React 建议将状态移动到顶级组件，并使用属性将状态传递给嵌套组件。它在一定程度上有所帮助，但是当组件增加时它变得复杂。
Rea[……]
ReactJS – 路由
在 Web 应用程序中，路由是将 Web URL 绑定到 Web 应用程序中特定资源的过程。在 React 中，它将 URL 绑定到组件。React 本身不支持路由，因为它基本上是一个用户界面库。React 社区提供了许多第三方组件来处理 React 应用程序中的路由。让我们学习 React Rou[……]
ReactJS – 表单编程
表单编程的本质是需要维护状态。因为，当用户与表单交互时，输入字段信息会发生变化。但是正如我们之前所了解的，React 库本身并不存储或维护任何状态信息，组件必须使用状态管理 API 来管理状态。考虑到这一点，React 提供了两种类型的组件来支持表单编程。
- 受控组件- 在受控组件中，React[……]
ReactJS – Http 客户端编程
Http 客户端编程使应用程序能够通过 JavaScript 从 http 服务器连接和获取数据。它减少了客户端和服务器之间的数据传输，因为它只获取所需的数据而不是整个设计，从而提高了网络速度。它改善了用户体验，并成为每个现代 Web 应用程序不可或缺的功能。
如今，许多服务器端应用程序通过[……]
ReactJS – 状态管理
状态管理是任何动态应用程序的重要且不可避免的特性之一。React 提供了一个简单灵活的 API 来支持 React 组件中的状态管理。让我们在本章中了解如何在 React 应用程序中维护状态。
什么是状态？
State表示给定实例的 React 组件的动态属性的值。React 为每个组件[……]