diff --git a/src/content/community/conferences.md b/src/content/community/conferences.md index 3e2d76060..cd0862b19 100644 --- a/src/content/community/conferences.md +++ b/src/content/community/conferences.md @@ -10,26 +10,6 @@ Do you know of a local React.js conference? Add it here! (Please keep the list c ## Upcoming Conferences {/*upcoming-conferences*/} -### React Nexus 2024 {/*react-nexus-2024*/} -July 04 & 05, 2024. Bangalore, India (In-person event) - -[Website](https://reactnexus.com/) - [Twitter](https://twitter.com/ReactNexus) - [Linkedin](https://www.linkedin.com/company/react-nexus) - [YouTube](https://www.youtube.com/reactify_in) - -### Chain React 2024 {/*chain-react-2024*/} -July 17-19, 2024. In-person in Portland, OR, USA - -[Website](https://chainreactconf.com) - [Twitter](https://twitter.com/ChainReactConf) - -### The Geek Conf 2024 {/*the-geek-conf-2024*/} -July 25, 2024. In-person in Berlin, Germany + remote (hybrid event) - -[Website](https://thegeekconf.com) - [Twitter](https://twitter.com/thegeekconf) - -### React Rally 2024 πŸ™ {/*react-rally-2024*/} -August 12-13, 2024. Park City, UT, USA - -[Website](https://reactrally.com) - [Twitter](https://twitter.com/ReactRally) - [YouTube](https://www.youtube.com/channel/UCXBhQ05nu3L1abBUGeQ0ahw) - ### React Universe Conf 2024 {/*react-universe-conf-2024*/} September 5-6, 2024. WrocΕ‚aw, Poland. @@ -60,13 +40,43 @@ October 25 & 28, 2024. In-person in London, UK + online (hybrid event) [Website](https://reactadvanced.com/) - [Twitter](https://x.com/reactadvanced) +### React Summit US 2024 {/*react-summit-us-2024*/} +November 19 & 22, 2024. In-person in New York, USA + online (hybrid event) + +[Website](https://reactsummit.us/) - [Twitter](https://twitter.com/reactsummit) - [Videos](https://portal.gitnation.org/) + ### React Africa 2024 {/*react-africa-2024*/} November 29, 2024. In-person in Casablanca, Morocco (hybrid event) [Website](https://react-africa.com/) - [Twitter](https://x.com/BeJS_) +### React Day Berlin 2024 {/*react-day-berlin-2024*/} +December 13 & 16, 2024. In-person in Berlin, Germany + remote (hybrid event) + +[Website](https://reactday.berlin/) - [Twitter](https://x.com/reactdayberlin) + ## Past Conferences {/*past-conferences*/} +### React Rally 2024 πŸ™ {/*react-rally-2024*/} +August 12-13, 2024. Park City, UT, USA + +[Website](https://reactrally.com) - [Twitter](https://twitter.com/ReactRally) - [YouTube](https://www.youtube.com/channel/UCXBhQ05nu3L1abBUGeQ0ahw) + +### The Geek Conf 2024 {/*the-geek-conf-2024*/} +July 25, 2024. In-person in Berlin, Germany + remote (hybrid event) + +[Website](https://thegeekconf.com) - [Twitter](https://twitter.com/thegeekconf) + +### Chain React 2024 {/*chain-react-2024*/} +July 17-19, 2024. In-person in Portland, OR, USA + +[Website](https://chainreactconf.com) - [Twitter](https://twitter.com/ChainReactConf) + +### React Nexus 2024 {/*react-nexus-2024*/} +July 04 & 05, 2024. Bangalore, India (In-person event) + +[Website](https://reactnexus.com/) - [Twitter](https://twitter.com/ReactNexus) - [Linkedin](https://www.linkedin.com/company/react-nexus) - [YouTube](https://www.youtube.com/reactify_in) + ### React Summit 2024 {/*react-summit-2024*/} June 14 & 18, 2024. In-person in Amsterdam, Netherlands + remote (hybrid event) diff --git a/src/content/reference/react/cache.md b/src/content/reference/react/cache.md index 1deed48e6..a7c18dcbd 100644 --- a/src/content/reference/react/cache.md +++ b/src/content/reference/react/cache.md @@ -219,7 +219,7 @@ async function AnimatedWeatherCard({city}) { ```jsx [[2, 6, "await getUser(id)"], [1, 17, "getUser(id)"]] const getUser = cache(async (id) => { return await db.user.query(id); -}) +}); async function Profile({id}) { const user = await getUser(id); @@ -320,7 +320,7 @@ ReactλŠ” μ»΄ν¬λ„ŒνŠΈμ—μ„œ λ©”λͺ¨ν™”λœ ν•¨μˆ˜μ˜ μΊμ‹œ μ ‘κ·Όλ§Œ μ œκ³΅ν•©λ‹ˆ 'use client'; function WeatherReport({record}) { - const avgTemp = useMemo(() => calculateAvg(record)), record); + const avgTemp = useMemo(() => calculateAvg(record), record); // ... } diff --git a/src/content/reference/react/lazy.md b/src/content/reference/react/lazy.md index 9ae5686dd..3dd2ab3b7 100644 --- a/src/content/reference/react/lazy.md +++ b/src/content/reference/react/lazy.md @@ -78,7 +78,7 @@ const MarkdownPreview = lazy(() => import('./MarkdownPreview.js')); }>

Preview

-
+ ``` 이 μ˜ˆμ‹œμ—μ„œ `MarkdownPreview` μ½”λ“œλŠ” λ Œλ”λ§μ„ μ‹œλ„ν•  λ•ŒκΉŒμ§€ λ‘œλ“œλ˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€. `MarkdownPreview`κ°€ 아직 λ‘œλ”©λ˜μ§€ μ•ŠλŠ” κ²½μš°μ—λŠ” κ·Έ μžλ¦¬μ— `Loading` μ½”λ“œκ°€ λŒ€μ‹  ν‘œμ‹œλ©λ‹ˆλ‹€. μ²΄ν¬λ°•μŠ€λ₯Ό 선택해 λ³΄μ„Έμš”. diff --git a/src/content/reference/react/useSyncExternalStore.md b/src/content/reference/react/useSyncExternalStore.md index 2f8cbb96c..9c2d07dba 100644 --- a/src/content/reference/react/useSyncExternalStore.md +++ b/src/content/reference/react/useSyncExternalStore.md @@ -40,9 +40,9 @@ store에 μžˆλŠ” λ°μ΄ν„°μ˜ μŠ€λƒ…μƒ·μ„ λ°˜ν™˜ν•©λ‹ˆλ‹€. 두 개의 ν•¨μˆ˜λ₯Ό #### λ§€κ°œλ³€μˆ˜ {/*parameters*/} -* `subscribe`: ν•˜λ‚˜μ˜ `callback` 인수λ₯Ό λ°›μ•„ store에 κ΅¬λ…ν•˜λŠ” ν•¨μˆ˜μž…λ‹ˆλ‹€. μŠ€ν† μ–΄κ°€ λ³€κ²½λ˜λ©΄ 제곡된 `callback`을 ν˜ΈμΆœν•΄μ•Ό ν•©λ‹ˆλ‹€. 그러면 μ»΄ν¬λ„ŒνŠΈκ°€ λ¦¬λ Œλ”λ§λ©λ‹ˆλ‹€. subscribe ν•¨μˆ˜λŠ” ꡬ독을 μ •λ¦¬ν•˜λŠ” ν•¨μˆ˜λ₯Ό λ°˜ν™˜ν•΄μ•Ό ν•©λ‹ˆλ‹€. +* `subscribe`: ν•˜λ‚˜μ˜ `callback` 인수λ₯Ό λ°›μ•„ store에 κ΅¬λ…ν•˜λŠ” ν•¨μˆ˜μž…λ‹ˆλ‹€. storeκ°€ 변경될 λ•Œ, 제곡된 `callback`이 ν˜ΈμΆœλ˜μ–΄ Reactκ°€ `getSnapshot`을 λ‹€μ‹œ ν˜ΈμΆœν•˜κ³  (ν•„μš”ν•œ 경우) μ»΄ν¬λ„ŒνŠΈλ₯Ό λ‹€μ‹œ λ Œλ”λ§ν•˜λ„λ‘ ν•΄μ•Ό ν•©λ‹ˆλ‹€. `subscribe` ν•¨μˆ˜λŠ” ꡬ독을 μ •λ¦¬ν•˜λŠ” ν•¨μˆ˜λ₯Ό λ°˜ν™˜ν•΄μ•Ό ν•©λ‹ˆλ‹€. -* `getSnapshot`: μ»΄ν¬λ„ŒνŠΈμ— ν•„μš”ν•œ store λ°μ΄ν„°μ˜ μŠ€λƒ…μƒ·μ„ λ°˜ν™˜ν•˜λŠ” ν•¨μˆ˜μž…λ‹ˆλ‹€. μŠ€ν† μ–΄κ°€ λ³€κ²½λ˜μ§€ μ•Šμ€ μƒνƒœμ—μ„œ `getSnapshot`을 반볡적으둜 ν˜ΈμΆœν•˜λ©΄ λ™μΌν•œ 값을 λ°˜ν™˜ν•΄μ•Ό ν•©λ‹ˆλ‹€. μ €μž₯μ†Œκ°€ λ³€κ²½λ˜μ–΄ λ°˜ν™˜λœ 값이 λ‹€λ₯΄λ©΄ ([`Object.is`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is)와 λΉ„κ΅ν•˜μ—¬) ReactλŠ” μ»΄ν¬λ„ŒνŠΈλ₯Ό λ¦¬λ Œλ”λ§ν•©λ‹ˆλ‹€. +* `getSnapshot`: μ»΄ν¬λ„ŒνŠΈμ— ν•„μš”ν•œ store λ°μ΄ν„°μ˜ μŠ€λƒ…μƒ·μ„ λ°˜ν™˜ν•˜λŠ” ν•¨μˆ˜μž…λ‹ˆλ‹€. storeκ°€ λ³€κ²½λ˜μ§€ μ•Šμ€ μƒνƒœμ—μ„œ `getSnapshot`을 반볡적으둜 ν˜ΈμΆœν•˜λ©΄ λ™μΌν•œ 값을 λ°˜ν™˜ν•΄μ•Ό ν•©λ‹ˆλ‹€. μ €μž₯μ†Œκ°€ λ³€κ²½λ˜μ–΄ λ°˜ν™˜λœ 값이 λ‹€λ₯΄λ©΄ ([`Object.is`](https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Object/is)와 λΉ„κ΅ν•˜μ—¬) ReactλŠ” μ»΄ν¬λ„ŒνŠΈλ₯Ό λ¦¬λ Œλ”λ§ν•©λ‹ˆλ‹€. * **optional** `getServerSnapshot`: store에 μžˆλŠ” λ°μ΄ν„°μ˜ 초기 μŠ€λƒ…μƒ·μ„ λ°˜ν™˜ν•˜λŠ” ν•¨μˆ˜μž…λ‹ˆλ‹€. μ„œλ²„ λ Œλ”λ§ 도쀑과 ν΄λΌμ΄μ–ΈνŠΈμ—μ„œ μ„œλ²„ λ Œλ”λ§ 된 μ½˜ν…μΈ μ˜ ν•˜μ΄λ“œλ ˆμ΄μ…˜ μ€‘μ—λ§Œ μ‚¬μš©λ©λ‹ˆλ‹€. μ„œλ²„ μŠ€λƒ…μƒ·μ€ ν΄λΌμ΄μ–ΈνŠΈμ™€ μ„œλ²„ 간에 동일해야 ν•˜λ©° 일반적으둜 μ§λ ¬ν™”λ˜μ–΄ μ„œλ²„μ—μ„œ ν΄λΌμ΄μ–ΈνŠΈλ‘œ μ „λ‹¬λ©λ‹ˆλ‹€. 이 ν•¨μˆ˜κ°€ μ œκ³΅λ˜μ§€ μ•ŠμœΌλ©΄ μ„œλ²„μ—μ„œ μ»΄ν¬λ„ŒνŠΈλ₯Ό λ Œλ”λ§ν•  λ•Œ 였λ₯˜κ°€ λ°œμƒν•©λ‹ˆλ‹€.