Sync with react.dev @ 7bdbab14 #43
Conversation
Co-authored-by: Sebastian Silbermann <[email protected]>
this way "cannot be marked" is all the same style and you don't skim the link text and gloss over the "cannot be"
* fix(sandpack-template): use custom react sandpack template * refactor: Remove console.log statement Remove console.log(filePath); from createFileMap.ts * style: Update file paths in Sandpack components Update file paths in Sandpack components to use root folder and variables
* feat: add react india 2024 * update: move react india 2024 in date order * update: move conferences to past section * refactor: sort past conferences
…6496) * specify which sandbox files go in src directory * fix some stragglers
* Text Display error in Go full-stack with a framework Fix error #27816 What dose this PR do? It fixes the issue with the landing page of the react website. * Update HomeContent.js * Set styles on <option> * Add padding too --------- Co-authored-by: Ricky <[email protected]>
* Update use-server.md * revert export default
* fix wrong way quotes * bump up to clear mdx cache
Change untained -> untainted
* Update Feedback.tsx * Update Feedback.tsx Time reduced to 1.5 seconds, also going to update css * Update index.css CSS updated for feedback component animation. * Update Feedback.tsx * Update index.css --------- Co-authored-by: Ricky <[email protected]>
This reverts commit e18bb3b.
Adds a missing word in the documentation describing canary versioning
Co-authored-by: Aimen Ben Amor <[email protected]>
* Fix overflowing text content in footer link Add an ellipsis to overflowing text in the footer section for navigating between different references. * Add min and max width to nextlink class * Add minwidth to tailwind config * Wrap string beyond max width * Remove title attribute from span element
* Update renderToNodeStream.md * Update renderToStaticMarkup.md * Update renderToStaticNodeStream.md * Update renderToString.md
Removed the redundant alternative state management suggestion. The documentation already emphasizes the elimination of duplication by advising to hold the selected ID in state, making the alternative suggestion unnecessary.
* Remove useMemo from useFormStatus example * nits
…#6659) * fix: Update @codesandbox/sandpack-react version to 2.13.1 * fix: Updated the bundlerURL to use a new URL
… error (…" (#6663) This reverts commit 081d100.
* fix: Update @codesandbox/sandpack-react version to 2.13.3 * fix: Fixed bundlerURL to use the correct URL * fix: Update @codesandbox/sandpack-react to version 2.13.4 * style: Hide span element in sp-icon-standalone when loading
…updated docs (#6669)
* Add /link redirects * Update event pooling redirect
* Update useDeferredValue.md change text from "re-render in background" to "re-render in the background" * Update useDeferredValue.md Change instances of "in background" to "in the background".
It seems like these localhost references were being stripped out anyway, so this isn't a bugfix but just a small cleanup.
This PR adds a new Rules of React reference section that covers the major rules that help developers author idiomatic React apps. --------- Co-authored-by: Sathya Gunasekaran <[email protected]>
Small change to match the sidebar order.
Co-authored-by: Sebastian Silbermann <[email protected]> Co-authored-by: Allison Strandberg <[email protected]>
This example contains a list of person objects, but only the first 3 have id properties. This appears to be a mistake; in the next use of the list all 5 person objects have this property, but it is not changed as part of an instructive exercise. This change makes the final two with objects consistent with the remainder of the list.
Size changes📦 Next.js Bundle Analysis for react-devThis analysis was generated by the Next.js Bundle Analysis action. 🤖
|
| Page | Size (compressed) |
|---|---|
global |
103.9 KB (🟡 +1 B) |
Details
The global bundle is the javascript bundle that loads alongside every page. It is in its own category because its impact is much higher - an increase to its size means that every page on your website loads slower, and a decrease means every page loads faster.
Any third party scripts you have added directly to your app using the <script> tag are not accounted for in this analysis
If you want further insight into what is behind the changes, give @next/bundle-analyzer a try!
One Page Changed Size
The following page changed size from the code in this PR compared to its base branch:
| Page | Size (compressed) | First Load |
|---|---|---|
/[[...markdownPath]] |
81.52 KB (🟡 +87 B) |
185.42 KB |
Details
Only the gzipped size is provided here based on an expert tip.
First Load is the size of the global bundle plus the bundle for the individual page. If a user were to show up to your website and land on a given page, the first load size represents the amount of javascript that user would need to download. If next/link is used, subsequent page loads would only need to download that page's bundle (the number in the "Size" column), since the global bundle has already been downloaded.
Any third party scripts you have added directly to your app using the <script> tag are not accounted for in this analysis
Next to the size is how much the size has increased or decreased compared with the base branch of this PR. If this percentage has increased by 10% or more, there will be a red status indicator applied, indicating that special attention should be given to this.
This PR was automatically generated.
Merge changes from react.dev at 7bdbab1
DO NOT SQUASH MERGE THIS PULL REQUEST!
Doing so will "erase" the commits from main and cause them to show up as conflicts the next time we merge.