diff --git a/src/content/learn/react-compiler.md b/src/content/learn/react-compiler.md index 23268478d..4e7c0cb77 100644 --- a/src/content/learn/react-compiler.md +++ b/src/content/learn/react-compiler.md @@ -121,7 +121,7 @@ React 컴파일러는 React의 많은 규칙을 정적으로 검증할 수 있 컴파일러를 설치하기 전에, 먼저 코드베이스가 호환되는지 확인할 수 있습니다. -npx react-compiler-healthcheck@latest +npx react-compiler-healthcheck@experimental 이 스크립트는 다음 작업을 수행합니다. @@ -143,7 +143,7 @@ Found no usage of incompatible libraries. React 컴파일러는 eslint 플러그인도 지원합니다. eslint 플러그인은 컴파일러와 **독립적으로** 사용할 수 있습니다. 즉 컴파일러를 사용하지 않더라도 eslint 플러그인을 사용할 수 있습니다. -npm install eslint-plugin-react-compiler +npm install eslint-plugin-react-compiler@experimental 그런 다음, eslint 구성 파일에 추가하세요. @@ -203,7 +203,7 @@ export default function App() { ### Babel {/*usage-with-babel*/} -npm install babel-plugin-react-compiler +npm install babel-plugin-react-compiler@experimental 컴파일러에는 빌드 파이프라인에서 사용할 수 있는 Babel 플러그인이 포함되어 있습니다. @@ -258,7 +258,7 @@ Next.js에는 React 컴파일러를 활성화하는 실험적인 구성이 있 - `babel-plugin-react-compiler`를 설치하세요. -npm install next@canary babel-plugin-react-compiler +npm install next@canary babel-plugin-react-compiler@experimental 그런 다음 `next.config.js`에서 실험적 옵션을 설정하세요. diff --git a/src/content/reference/react/useLayoutEffect.md b/src/content/reference/react/useLayoutEffect.md index a1b8cdca7..7234a1458 100644 --- a/src/content/reference/react/useLayoutEffect.md +++ b/src/content/reference/react/useLayoutEffect.md @@ -68,6 +68,8 @@ function Tooltip() { * `useLayoutEffect` 내부의 코드와 이로 인한 모든 state 업데이트는 **브라우저가 화면을 다시 그리는 것을 막습니다.** 과도하게 사용하면 앱이 느려집니다. 가능하면 [`useEffect`](/reference/react/useEffect)를 사용하세요. +* If you trigger a state update inside `useLayoutEffect`, React will execute all remaining Effects immediately including `useEffect`. + --- ## 사용법 {/*usage*/}