Skip to content

Sync with reactjs.org @ 8b30ae43 #169

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 7 commits into from
Sep 11, 2019
Merged

Sync with reactjs.org @ 8b30ae43 #169

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
f732f25
Add missing comma (#2315)
Gjum Sep 3, 2019
61ce20a
Update to reflect changes in developer tools UI (#2320)
yhoiseth Sep 3, 2019
ec53a19
Fix title of GitHub
lex111 Sep 4, 2019
8b30ae4
Fix link to moved GH repo (#2326)
cendern Sep 8, 2019
bc9b421
merging all conflicts
reactjs-translation-bot Sep 9, 2019
edfd824
Resolve merge conflict
taehwanno Sep 11, 2019
c93ff3e
Update some typo
taehwanno Sep 11, 2019
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion content/community/tools-debugging.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,4 +5,4 @@ layout: community
permalink: community/debugging-tools.html
---

* **[React Developer Tools](https://github.com/facebook/react-devtools):** an extension available for [Chrome](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi), [Firefox](https://addons.mozilla.org/firefox/addon/react-devtools/), and as a [standalone app](https://github.com/facebook/react-devtools/tree/master/packages/react-devtools) that allows you to inspect the React component hierarchy in the Chrome Developer Tools.
* **[React Developer Tools](https://github.com/facebook/react-devtools):** an extension available for [Chrome](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi), [Firefox](https://addons.mozilla.org/firefox/addon/react-devtools/), and as a [standalone app](https://github.com/facebook/react/tree/master/packages/react-devtools) that allows you to inspect the React component hierarchy in the Chrome Developer Tools.
2 changes: 1 addition & 1 deletion content/docs/optimizing-performance.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -145,7 +145,7 @@ Webpack v4 이상에서는 프로덕션 모드에서 기본적으로 코드를
const TerserPlugin = require('terser-webpack-plugin');

module.exports = {
mode: 'production'
mode: 'production',
optimization: {
minimizer: [new TerserPlugin({ /* additional options here */ })],
},
Expand Down
2 changes: 1 addition & 1 deletion content/footerNav.yml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@ more:
channels:
title: 채널
items:
- title: Github
- title: GitHub
to: https://github.com/facebook/react
external: true
- title: Stack Overflow
Expand Down
2 changes: 1 addition & 1 deletion content/tutorial/tutorial.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -337,7 +337,7 @@ Square의 `render` 함수 내부에서 `onClick` 핸들러를 통해 `this.setSt

React DevTools를 통해 React 컴포넌트의 props와 state도 확인할 수 있습니다.

React DevTools를 설치한 후에 페이지의 모든 엘리먼트에 오른쪽 클릭을 하고 "요소 검사"를 클릭하여 개발자 도구를 열면 탭의 오른쪽 끝에 React 탭을 확인하실 수 있습니다.
React DevTools를 설치한 후에 페이지의 모든 엘리먼트에 오른쪽 클릭을 하고 "요소 검사"를 클릭하여 개발자 도구를 열면 탭의 오른쪽 끝에 React 탭("⚛️ Components"와 "⚛️ Profiler")을 확인하실 수 있습니다. 컴포넌트 트리를 검사하고 싶다면 "⚛️ Components"를 사용해주세요.

**그러나 CodePen에서 도구를 사용하기 위해선 몇 가지 단계가 추가로 필요합니다.**

Expand Down