react-perfscope 0.2.0 → 0.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +12 -2
- package/package.json +4 -4
package/README.md
CHANGED
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
# react-perfscope
|
|
2
2
|
|
|
3
|
-
Performance debugging tool for React 18+ apps. Records forced reflows, layout shifts, long tasks,
|
|
3
|
+
Performance debugging tool for React 18+ apps. Records forced reflows, layout shifts, long tasks, web vitals, network, interactions, and React component renders during development.
|
|
4
|
+
|
|
5
|
+
|
|
4
6
|
|
|
5
7
|
This meta package re-exports everything from `@react-perfscope/core`, `@react-perfscope/react`, and `@react-perfscope/ui`, plus a side-effect `react-perfscope/auto` entry that bootstraps the full UI in one import.
|
|
6
8
|
|
|
@@ -38,13 +40,17 @@ const unmount = mount({ recorder, position: 'top-right' })
|
|
|
38
40
|
|
|
39
41
|
`react-perfscope/auto` bails when `process.env.NODE_ENV === 'production'`. The build plugins also exclude themselves from production builds. The manual API has no production guard — use it only behind your own dev/prod check.
|
|
40
42
|
|
|
43
|
+
## Contributing
|
|
44
|
+
|
|
45
|
+
If this is useful to you, a ⭐ on [GitHub](https://github.com/rayforvideos/react-perfscope) helps the project grow. Bug reports, feature ideas, and PRs are welcome — open an [issue](https://github.com/rayforvideos/react-perfscope/issues) to start.
|
|
46
|
+
|
|
41
47
|
---
|
|
42
48
|
|
|
43
49
|
<a id="한국어"></a>
|
|
44
50
|
|
|
45
51
|
# 한국어
|
|
46
52
|
|
|
47
|
-
React 18+ 앱용 성능 디버깅 도구. 개발 중에 강제 리플로우, 레이아웃 시프트, 롱 태스크,
|
|
53
|
+
React 18+ 앱용 성능 디버깅 도구. 개발 중에 강제 리플로우, 레이아웃 시프트, 롱 태스크, 웹 바이탈, 네트워크 요청, 인터랙션, React 컴포넌트 렌더를 기록한다.
|
|
48
54
|
|
|
49
55
|
이 메타 패키지는 `@react-perfscope/core`, `@react-perfscope/react`, `@react-perfscope/ui`의 모든 것을 re-export하고, 임포트 한 줄로 전체 UI를 부트스트랩하는 `react-perfscope/auto` 사이드 이펙트 엔트리를 제공한다.
|
|
50
56
|
|
|
@@ -81,3 +87,7 @@ const unmount = mount({ recorder, position: 'top-right' })
|
|
|
81
87
|
## 프로덕션 안전성
|
|
82
88
|
|
|
83
89
|
`react-perfscope/auto`는 `process.env.NODE_ENV === 'production'`이면 아무것도 하지 않는다. 빌드 플러그인도 프로덕션 빌드에서는 자동으로 빠진다. 수동 API에는 프로덕션 가드가 없으니, 직접 dev/prod 분기를 만들어서 써야 한다.
|
|
90
|
+
|
|
91
|
+
## 기여
|
|
92
|
+
|
|
93
|
+
도움이 되셨다면 [GitHub](https://github.com/rayforvideos/react-perfscope) ⭐ 하나가 프로젝트 성장에 큰 힘이 됩니다. 버그 제보, 기능 제안, PR 모두 환영해요 — [이슈](https://github.com/rayforvideos/react-perfscope/issues)로 편하게 시작해 주세요.
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "react-perfscope",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.4.0",
|
|
4
4
|
"description": "Zero-config React performance profiler with an in-app panel.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react",
|
|
@@ -39,9 +39,9 @@
|
|
|
39
39
|
"./dist/auto.cjs"
|
|
40
40
|
],
|
|
41
41
|
"dependencies": {
|
|
42
|
-
"@react-perfscope/core": "0.
|
|
43
|
-
"@react-perfscope/
|
|
44
|
-
"@react-perfscope/
|
|
42
|
+
"@react-perfscope/core": "0.4.0",
|
|
43
|
+
"@react-perfscope/react": "0.4.0",
|
|
44
|
+
"@react-perfscope/ui": "0.4.0"
|
|
45
45
|
},
|
|
46
46
|
"license": "MIT",
|
|
47
47
|
"author": "rayforvideos",
|