:atom_symbol:︎使用内联备忘录 React钩子用于在组件中的任何位置记忆值和回调。 与其他挂钩一样，您只能在组件函数的顶部调用和 ，而不能有条件地使用它们。 内联备忘录使我们可以在任何地方进行记忆，而没有适用于钩子使用的限制！ import { Button , TextField } from "@material-ui/core" import React from "react" import useInlineMemo from "use-inline-memo" function NameForm ( props ) { const memo = useInlineMemo ( ) const [ newName , setNewName ] = React . useState ( props . prevName ) // Conditional return prev

reactjs-hooks-typescript-实践 一个简单的框架，可以在Reactjs应用程序中使用钩子，打字稿 运行项目 运行yarn install 运行yarn start 特征 将包添加到package.json并使用react-app-rewire初始化项目文件夹 设置eslint，pettertier，typescript和pre-commit挂钩，以实现更好的代码样式并避免错误 创建一个名为App.tsx并添加页面布局 使用创建的路线useRoutes()在App.tsx申报所有页面 创建一个useLogin钩子以模拟身份验证过程 使用react-testing-library / hook添加单元测试useLogin 创建一个包含两个输入和两个按钮的Login页面 添加加载支持 显示成功/错误消息 使用react-testing-library为

该项目是通过引导的。 可用脚本 在项目目录中，可以运行： npm start 在开发模式下运行应用程序。 打开在浏览器中查看它。 如果您进行编辑，则页面将重新加载。 您还将在控制台中看到任何棉绒错误。 npm test 在交互式监视模式下启动测试运行器。 有关更多信息，请参见关于的部分。 npm run build 构建生产到应用程序build文件夹。 它在生产模式下正确捆绑了React，并优化了构建以获得最佳性能。 生成被最小化，并且文件名包括哈希值。 您的应用已准备好进行部署！ 有关更多信息，请参见关于的部分。 npm run eject 注意：这是单向操作。 eject ，您将无法返回！ 如果您对构建工具和配置选择不满意，则可以随时eject 。 此命令将从您的项目中删除单个生成依赖项。 而是将所有配置文件和传递依赖项（webpack，Babel，ESLint等）直

:rocket: 关于 使用ReactJS和GithubAPI的快速项目。 通过输入存储库名称添加您最喜欢的Github存储库。 然后单击“问题”以检查该存储库中的未解决问题。 该项目是通过引导的。 剧本 在项目目录中，可以运行： yarn start 在开发模式下运行应用程序。 打开在浏览器中查看它。 如果您进行编辑，则页面将重新加载。 您还将在控制台中看到任何棉绒错误。

Create React App入门 该项目是通过引导的。 可用脚本 在项目目录中，可以运行： npm start 在开发模式下运行该应用程序。 打开在浏览器中查看它。 如果您进行编辑，则页面将重新加载。 您还将在控制台中看到任何棉绒错误。 npm test 在交互式监视模式下启动测试运行器。 有关更多信息，请参见关于的部分。 npm run build 构建生产到应用程序build文件夹。 它在生产模式下正确捆绑了React，并优化了构建以获得最佳性能。 生成被最小化，并且文件名包括哈希值。 您的应用已准备好进行部署！ 有关更多信息，请参见关于的部分。 npm run eject 注意：这是单向操作。 eject ，您将无法返回！ 如果您对构建工具和配置选择不满意，则可以随时eject 。 此命令将从您的项目中删除单个生成依赖项。 而是将所有配置文件和传递依赖项（web

Create React App入门 该项目是通过引导的。 可用脚本 在项目目录中，可以运行： npm start 在开发模式下运行该应用程序。 打开在浏览器中查看它。 如果您进行编辑，则页面将重新加载。 您还将在控制台中看到任何棉绒错误。 npm test 在交互式监视模式下启动测试运行器。 有关更多信息，请参见关于的部分。 npm run build 构建生产到应用程序build文件夹。 它在生产模式下正确捆绑了React，并优化了构建以获得最佳性能。 生成被最小化，并且文件名包括哈希值。 您的应用已准备好进行部署！ 有关更多信息，请参见关于的部分。 npm run eject 注意：这是单向操作。 eject ，您将无法返回！ 如果您对构建工具和配置选择不满意，则可以随时eject 。 此命令将从您的项目中删除单个生成依赖项。 而是将所有配置文件和传递依赖项（web

简单语音卡 为什么？ 和我一样，许多人在准备公开演讲或采访时都会感到焦虑甚至恐惧。 原因可能不同，有许多方法可以消除这种恐惧。 此外，我注意到，激动起来让我忘了我以前学得很好，实践得很好的部分演讲内容。 有许多简单的技术可以解决此问题。 最简单的方法是准备带有与语音特定部分相对应的单词或短语序列的卡片。 语音卡。 怎么运行的？ 在准备好公开演讲或访谈之后，您可能需要一些帮助，以免失去思路并变得更加自信。 您可以用钢笔或使用在一些纸上准备此类帮助。 在后一种情况下，您的手机将成为您的助手！ 为此，您需要创建一个新的演讲或采访并保存。 现在，它将有2个版本可用：在浏览器本地存储的“我的演讲”部分中，以及带有JSON扩展名的单独文件。 您还可以在“演示”部分中查看语音卡示例，该示例基于Aytekin Tank的。 好处： 可以很容易地在移动设备上使用，以创建，存储和使用语音卡，

Create React App入门 该项目是通过引导的。 可用脚本 在项目目录中，可以运行： yarn start 在开发模式下运行该应用程序。 打开在浏览器中查看它。 如果您进行编辑，则页面将重新加载。 您还将在控制台中看到任何棉绒错误。 yarn test 在交互式监视模式下启动测试运行器。 有关更多信息，请参见关于的部分。 yarn build 构建生产到应用程序build文件夹。 它在生产模式下正确捆绑了React，并优化了构建以获得最佳性能。 生成被最小化，并且文件名包括哈希值。 您的应用已准备好进行部署！ 有关更多信息，请参见关于的部分。 yarn eject 注意：这是单向操作。 eject ，您将无法返回！ 如果您对构建工具和配置选择不满意，则可以随时eject 。 此命令将从您的项目中删除单个生成依赖项。 相反，它将所有配置文件和传递依赖项（webpa

学校_管理_系统 一个使用ReactJs和Django的学校管理系统（结果和学生，教师信息）网站。

ReactJS Weather App 项目名称是一个ReactJS Weather App，可让用户检查详细的天气信息。 它还使用在。 先决条件 在开始之前，请确保您满足以下要求： 您已经安装了节点 您已经安装了npm 安装ReactJS Weather App 要安装ReactJS Weather App，请执行以下步骤： 克隆仓库 在项目文件夹中打开终端 运行npm install 使用ReactJS Weather App 要使用ReactJS Weather App，请执行以下步骤： 使用上述步骤安装应用 运行npm start 改进之处 ReactJS Weather App可以通过多种方式进行改进： 更好的响应式设计。 单元测试。 开头的城市选择器用于指定除慕尼黑以外的城市。 开始时使用日期范围选择器。 显示更多信息，例如湿度曲线图。 拥有更多视觉效果