desafio01-trilha-reactjs:Desafio 01 da Trilha React do Curso Ignite

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

应用已连接到Contact Book API REST

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

神奇宝贝 一个使用库和为其REST API的ReactJS应用程序。 截屏 现场演示

pf

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

: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等）直