经常使用的自定义钩子的超棒集合，作为React的工具。 所有钩子清单 跟踪元素的boundingclientrect的钩子。 它返回一个callbackRef，以便轻松跟踪元素节点（如果已更改）。 用于boundingclientrect的React Hooks包 到目标时间戳并每秒调用一次回调（或提供时间） counter-一个用于计数器的React Hooks包 跳钩进行React mount-用于componentDidMount的React钩子包 update-用于响应的com

Create React App入门 该项目是通过。 可用脚本 在项目目录中，可以运行： npm start 在开发模式下运行应用程序。 打开在浏览器中查看。 如果进行编辑，页面将重新加载。 您还将在控制台中看到任何棉绒错误。 npm test 在交互式监视模式下启动测试运行程序。 有关更多信息，请参见关于的部分。 npm run build 构建生产到应用程序build文件夹。 它在生产模式下正确捆绑了React，并优化了构建以获得最佳性能。 最小化构建，文件名包含哈希。 您的应用已

总览 这只是一个小型简单的应用程序，可帮助您计算卡路里。 我最初是根据此培训计划中关注的示例应用程序创建的： 提供的“ 所有灵感都归功于 。 在这里尝试： : 设计 我真的很感兴趣，只是学习如何将函数式编程和配对。 这是学习各种技术的好借口，有些我很喜欢，有些则不太喜欢。 我真正喜欢在此应用程序中使用的一件事是功能库： 。 与Ramda合作很愉快。 文档做得非常好，我特别喜欢的“系列，因为它帮助我应用了我在James课程中学习的一些原理。 高水平 组件 卡路里计数器 除了组件之外， 组件

纯店 只需编辑应用程序的状态即可。 pure-store是一种快速，简单，不变的存储，可让您直接（即必须）更新状态。 它也可以很好地与打字稿一起使用。 与Redux的比较 带React挂钩 pure-store可以在没有React的情况下使用，但是如果您正在使用React，则可以使用usePureStore挂钩。 我们可以从上图创建简单的计数器，如下所示： import createStore from "pure-store/react" const store = createStor