* Make bundle analysis workflow less fragile

* Use sticky comment action

The actual dom nodes that are siblings are the h1 and article nodes

* Add key param to createPortal reference

* Update createPortal.md

* Update createPortal.md

* Update createPortal.md

---------

Co-authored-by: dan <[email protected]>

The sentence reads:

In this solution, two separate conditions are used to insert a space between then name and the importance label.

It should read:
In this solution, two separate conditions are used to insert a space between the name and the importance label.

See facebook/react#26761 for more context.

This reverts commit aa88d8a.

* Revert "Revert "Canaries blog post""

This reverts commit 9a865fd.

* words

---------

Co-authored-by: Sophie Alpert <[email protected]>

…de.js stream) (#6001)

…(#6003)

Mounting with Suspense and Offscreen can happen multiple times. This removes some wording that implies a that effects / lifecycle hooks only happen on first mount.

Otherwise the address is being offset to the right when the refresh icon is not displayed

… (#6026)

* Add accessibility note to interactivity section in the new React docs

* Add a11y note to Responding to Events section

* Update responding-to-events.md

---------

Co-authored-by: dan <[email protected]>

* Upgrade React and Next

* Fix bug in useNestedScrollLock

I guess refs get disconnected before passive effect cleanup runs. useLayoutEffect would also fix it but maybe this is better.

* Fix manipulating-the-dom-with-refs

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

---------

Co-authored-by: dan <[email protected]>

…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 <[email protected]>
Co-authored-by: Lenz Weber-Tronic <[email protected]>

* 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 <[email protected]>

* 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 <[email protected]>
Co-authored-by: Lenz Weber-Tronic <[email protected]>
Co-authored-by: Ricky <[email protected]>
Co-authored-by: Sebastian Silbermann <[email protected]>

* [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 <[email protected]>

* 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 <[email protected]>

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 <[email protected]>

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 <[email protected]>
Co-authored-by: Luna Wei <[email protected]>
Co-authored-by: Ricky Hanlon <[email protected]>

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 <[email protected]>

* 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 <[email protected]>

* 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 <[email protected]>

* 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 <[email protected]>