* Fix manipulating-the-dom-with-refs

* Update manipulating-the-dom-with-refs.md

---------

Co-authored-by: dan <dan.abramov@gmail.com>

…utilize Node.js v16 (#6084)

* Update site_lint.yml

* Update site_lint.yml

The inner component is `EditForm`, not `EditContact`.

* Add basic reference pages for use client and server

I guess this turned into a bit more of an FAQ but I think it's useful to have this written down in a canonical place.

* Oops, push final tweaks

this is the canonical link now 🫡

The "onFocus" is fired when an element receives focus, not loses.

* Fix homepage title

Fixed homepage title bug, now the homepage will display the title from `content/index.md` instead of the constant `React`.

* Update index.md

Change title to "React" to keep same

* Start of the typescript page

* Intro

* Intro

* Use State

* Use Reducer

* Start of context

* Use Ref

* Events

* Wrap up 1st draft

* Better titles

* Apply suggestions from code review

Co-authored-by: Tom Sherman <the.tomsherman@gmail.com>
Co-authored-by: Lenz Weber-Tronic <mail@lenzw.de>

* Note types/react and types/react-dom, and tone down the usecontext null check

* Feedback

* Given a 2nd run through of the doc

* Apply suggestions from code review

Co-authored-by: Ricky <rickhanlonii@gmail.com>

* Document where `State` is coming from

* Link what inferred types are

* Remove "knock-on"

We already say "cause" which makes "knock-on" a bit redundant

* Move useRef TS usage to useRef reference page

dropped useEffect since there's nothing specific about this hook.

* Add installation section

* Link to framework specific guides

* Edits

* Edit footer

* Rm useRef docs

---------

Co-authored-by: Tom Sherman <the.tomsherman@gmail.com>
Co-authored-by: Lenz Weber-Tronic <mail@lenzw.de>
Co-authored-by: Ricky <rickhanlonii@gmail.com>
Co-authored-by: Sebastian Silbermann <sebastian.silbermann@klarna.com>

* [WIP] Add UI for canary releases

* yellow

* Switch to icon and gray

* Wording, alignment, and rm flex

* Heading alignment

* change docs

* add docs for create react app

* remove

* Update src/content/learn/tutorial-tic-tac-toe.md

---------

Co-authored-by: Ricky <rickhanlonii@gmail.com>

* fix: remove Hong Kong from choosing-the-state-structure

closes Improper examples #5955

* change boolean style for rendering

* Update TailwindCSS & Install rtl-detect
1- Update TailwindCSS to use the logical properities such as `ps-1` instead of `pl-1`.
there are logical properities for margin, padding, inset, and text direction.

2- Install `rtl-detect` detect if the language is RTL direction.
Note: this might be uninstalled if we use the manual way to specify rtl language.

* add `siteConfig.isRTL`

* add `dir` attribute to the root element

* edit some tw classes to utilize logical properties
instead of directions properties
(e.g. `pr-0` to `pe-0`)

* edit some tw classes to utilize logical properties
instead of directions properties
(e.g. `pr-0` to `pe-0`)

* edit some tw classes to utilize logical properties
instead of directions properties
(e.g. `pr-0` to `pe-0`)

* edit some tw classes to utilize logical properties
instead of directions properties
(e.g. `pr-0` to `pe-0`)

* Refactor TW classes: Use logical properties over directional properties.

* Revert "Refactor TW classes: Use logical properties over directional properties."

This reverts commit df9620d944d9a47c5394b26fe4e3536ba3031333.

* Refactor TW classes: Use logical properties over directional properties.

* Refactor TW classes: Use logical properties over directional properties.

* Refactor TW classes: Use logical properties over directional properties.

* Add `start` and `end` directions to the `IconNavArrow`

* Add Note about `isRTL` prop

* Refactor TW classes: Use logical properties over directional properties.

* Refactor TW classes: Use logical properties over directional properties.

* Refactor TW classes: use logical properties over directional properties

* Refactor TW classes: use logical properties over directional properties

* Refactor TW classes: use logical properties over directional properties

* set dir attr of `CodeBlock` to `ltr` even the page dir is `rtl`

* Refactor TW classes: use logical properties over directional properties

* Refactor TW classes: use logical properties over directional properties

* Add `start` and `end` directions to some icons

* Refactor TW classes: use logical properties over directional properties

* Refactor TW classes: use logical properties over directional properties

* Refactor TW classes: use logical properties over directional properties

* Refactor TW classes: use logical properties over directional properties

* set dir attr of `ConsoleBlock` to `ltr` to overwrite the dir of root element

* Refactor TW classes: use logical properties over directional properties

* set dir=ltr on inline code blocks to overwrite <html dir="rtl"> in some languages

* Refactor TW classes: use logical properties over directional properties

* Refactor TW classes: use logical properties over directional properties

* Refactor TW classes: use logical properties over directional properties

* Refactor TW classes: use logical properties over directional properties

* set translate=no, dir=ltr on `TerminalBlock` to overwrite <html dir="rtl"> in rtl languages

* Refactor TW classes: use logical properties over directional properties

* Refactor TW classes: use logical properties over directional properties

* Refactor TW classes: use logical properties over directional properties

* fix some direction styles

* fix arrow directions in rtl

* remove `rtl-detect` and set `siteConfig.isRTL` manually

* fix `Breadcrumbs`'s arrow direction in rtl languages

* fix some directions of the search modal for RTL languages

* hard setting dir=ltr to Sandpack to overwrite rtl languages dir

* Refactor TW classes: use logical properties over directional properties

* remove my notes

* fix: rerverse space-x-* in rtl

* rebase with the main branch

* remove unnecessary alt

* add `start` & `end` display directions to the Chevron Icon

* rebase with the main branch

* fix: wronge styles when applying RTL 

it was `top-0 left-0 ...` by wrong I made it `inset-x-0`.

* fix wrong styles

* fix wrong styles

* style canary icon with RTL-friendly styles

* chore: utilize mx-* instead of me-* & ms-*

* utilize relative styles

* chore: use mx-* instead of me-* & ms-*

* style canary icon with RTL-frindly styles

* Update OpenInTypeScriptPlayground.tsx

Co-authored-by: Luna Wei <luwe@fb.com>

React attends this conference hosted by Callstack. It's been on the page in previous years, missed it this year.

https://www.react-native.eu/

…g conferences (#6246)

* update conferences to move react rally to previous and add reactjs day

* Add React Alicante

* Update conferences.md

* Update conferences.md to include year of the event

* add anchor link

* Update conferences.md

* Update conferences.md

* chore: update country name

---------

Co-authored-by: Strek <ssharishkumar@gmail.com>

Grammar fix

Added RenderATL 2024 to the conferences Markdown page

Update Twitter(X) icon for light and dark mode

While reading the new typescript docs introduced in #6120, I noticed this link points to a fork. This commit changes it to a relative link so it should work everywhere.

Fix incorrect link in select.md

Co-authored-by: Ricky <rickhanlonii@gmail.com>
Co-authored-by: Luna Wei <luwe@fb.com>
Co-authored-by: Ricky Hanlon <rickhanlonii@gmail.com>

React.lazy dots into the `default` property. Document this.

* [WIP] Add use hook API reference page

* [WIP] Update use hook API reference page based on feedback

* [WIP] use hook API ref doc: add browser API example

* [WIP] use hook API ref doc: add context, lib examples

* [WIP] use reference doc - incorporate all current feedback

* [WIP] use reference page fix typos

* use reference doc: address PR feedback from Luna, Sophia,Eli, and Lee

* Apply @harish-sethuraman's typo fixes from code review

Co-authored-by: Strek <ssharishkumar@gmail.com>

* use reference doc typo fixes

* use reference doc: update style to match other react.dev conventions

* minor fixes

* Remove client Promises, use canary labels

* Add use hook section to index, remove RSC section on components page

* Final edits

* Clarify use reference caveats

---------

Co-authored-by: Strek <ssharishkumar@gmail.com>

* Update 17 files

* remove: legacy react devtool

* Update 3 files

* fix(editor): allow horizontal scroll

* Update SandpackRoot.tsx

corrected links

…llback doesn't seem to be accurate. (#6207)

* Update useEffect.md

* Update src/content/reference/react/useEffect.md

---------

Co-authored-by: Sophie Alpert <git@sophiebits.com>

* delete unused useState import

* add word to equalize challenge and solutions texts

* Refactor some texts

* Apply suggestions from code review

---------

Co-authored-by: Sophie Alpert <git@sophiebits.com>

* Remove pitfall and update Next link

* Fix other beta link

---------

Co-authored-by: Luna Wei <luwe@fb.com>

Co-authored-by: Luna <lunaleaps@gmail.com>

* Update react-labs-what-we-have-been-working-on-june-2022.md

* Update react-labs-what-we-have-been-working-on-june-2022.md

…5836)

* Update referencing-values-with-refs.md

* Update src/content/learn/referencing-values-with-refs.md

Maybe it's debatable whether we want to link to canary APIs in other pages but I feel like here it's more useful than not.

Co-authored-by: Matt Carroll <mattca@meta.com>

* Explain limitations of useSyncExternalStore with concurrency

Doesn't seem like we have this noted anywhere.

* Pull out example to code block

* Upgrade react-collapsed

* 4.0.4

---------

Co-authored-by: Rogin Farrer <rfarrer@wayfair.com>

Added new meetup in Saskatoon - SK

Co-authored-by: Luna Wei <luwe@fb.com>

* fix: add a missing import statement in useFormStatus.md

* Update src/content/reference/react-dom/hooks/useFormStatus.md

Co-authored-by: Ahmed Abdelbaset <A7med3bdulBaset@gmail.com>

---------

Co-authored-by: Ahmed Abdelbaset <A7med3bdulBaset@gmail.com>

Co-authored-by: Luna Wei <luwe@fb.com>

* Cleanup old ga-lite tag and refactor GA4

* cleanup

* cleanup2