文件名称:react-memoization-hooks-2021-02-16:使用React Memo类,useCallback和useMemo控制性能的基本代码存储库
文件大小:609KB
文件格式:ZIP
更新时间:2024-05-28 20:09:14
react hooks performance memoization react-devtools
使用React Memo,useCallback和useMemo控制性能 在本课程中,我们将创建一个使用GitHub API数据的应用程序,并通过它可以浏览各种改进和性能分析的概念,我们将学习如何在我们的应用程序中使用诸如useMemo和useCallback类的钩子。在本节课的最后,我们希望了解如何控制应用程序的性能,进行计算记忆和繁重的功能,以及如何使用React Developer Tools分析渲染并使用React Memo API来避免不必要的组件渲染。 ,您将能够应用这些概念来分析和提高应用程序的React性能。 第一步 :chequered_flag: 克隆存储库。 git clone https://github.com/vitormalencar/ cd在目录中。 cd react-memoization-hooks 安装项目依赖项: yarn install # ou npm insta
【文件预览】:
react-memoization-hooks-2021-02-16-master
----.gitignore(2KB)
----package.json(1KB)
----package-lock.json(1.42MB)
----src()
--------App.final.js(1KB)
--------setupTests.js(241B)
--------Services()
--------index.js(495B)
--------App.js(871B)
--------reportWebVitals.js(343B)
--------Components()
--------start.js(871B)
--------index.css(786B)
----craco.config.js(136B)
----public()
--------robots.txt(67B)
--------logo192.png(5KB)
--------index.html(2KB)
--------favicon.ico(4KB)
--------manifest.json(445B)
--------logo512.png(9KB)
----.github()
--------issue_template.md(727B)
--------pull_request_template.md(861B)
----.prettierrc.json(3B)
----db.json(401KB)
----README.md(3KB)
----license(1KB)
----artwork.png(192KB)
----tailwind.config.js(201B)
----.editorconfig(265B)