Translated "Add React to an existing project" page content; fixed TOC's heading & sidebar by Th3Wall · Pull Request #425 · reactjs/it.react.dev
Translation for "Add React to an existing project" page and sidebar entry.
Also added a fix for TOC's heading.
Ref #418
Size changes
Details
📦 Next.js Bundle Analysis for react-dev
This analysis was generated by the Next.js Bundle Analysis action. 🤖
Three Pages Changed Size
The following pages changed size from the code in this PR compared to its base branch:
| Page | Size (compressed) | First Load |
|---|---|---|
/404 |
76.42 KB (🟡 +7 B) |
170.05 KB |
/500 |
76.42 KB (🟡 +7 B) |
170.04 KB |
/[[...markdownPath]] |
77.84 KB (🟡 +7 B) |
171.47 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.
Size changes
Details
📦 Next.js Bundle Analysis for react-dev
This analysis was generated by the Next.js Bundle Analysis action. 🤖
Three Pages Changed Size
The following pages changed size from the code in this PR compared to its base branch:
| Page | Size (compressed) | First Load |
|---|---|---|
/404 |
76.42 KB (🟡 +7 B) |
170.05 KB |
/500 |
76.42 KB (🟡 +7 B) |
170.04 KB |
/[[...markdownPath]] |
77.84 KB (🟡 +7 B) |
171.47 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.
Size changes
Details
📦 Next.js Bundle Analysis for react-dev
This analysis was generated by the Next.js Bundle Analysis action. 🤖
Three Pages Changed Size
The following pages changed size from the code in this PR compared to its base branch:
| Page | Size (compressed) | First Load |
|---|---|---|
/404 |
76.42 KB (🟡 +7 B) |
170.05 KB |
/500 |
76.42 KB (🟡 +7 B) |
170.04 KB |
/[[...markdownPath]] |
77.84 KB (🟡 +7 B) |
171.47 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.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Ciao @Th3Wall 👋
Grazie mille e ottimo lavoro! 💪 🚀
Ho aggiunto qualche commento, facci sapere cosa ne pensi!
| Invece, probabilmente vorrai renderizzare i tuoi componenti React in punti specifici del tuo codice HTML. Apri la tua pagina HTML (oppure i template server che la generano) ed aggiungi un attributo [`id`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) univoco ad un qualsiasi tag, per esempio: | ||
|
|
||
| ```html | ||
| <!-- ... somewhere in your html ... --> |
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Secondo le linee guida universali possiamo anche tradurre i commenti, a tua discrezione :)
| ```html | ||
| <!-- ... somewhere in your html ... --> | ||
| <nav id="navigation"></nav> | ||
| <!-- ... more html ... --> |
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Come sopra ⬆️
Co-authored-by: Mattia Sanfilippo <me@mattiasanfilippo.dev>
Size changes
Details
📦 Next.js Bundle Analysis for react-dev
This analysis was generated by the Next.js Bundle Analysis action. 🤖
Three Pages Changed Size
The following pages changed size from the code in this PR compared to its base branch:
| Page | Size (compressed) | First Load |
|---|---|---|
/404 |
76.42 KB (🟡 +8 B) |
170.05 KB |
/500 |
76.42 KB (🟡 +8 B) |
170.04 KB |
/[[...markdownPath]] |
77.84 KB (🟡 +8 B) |
171.47 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.
Size changes
Details
📦 Next.js Bundle Analysis for react-dev
This analysis was generated by the Next.js Bundle Analysis action. 🤖
Three Pages Changed Size
The following pages changed size from the code in this PR compared to its base branch:
| Page | Size (compressed) | First Load |
|---|---|---|
/404 |
76.42 KB (🟡 +7 B) |
170.05 KB |
/500 |
76.42 KB (🟡 +7 B) |
170.04 KB |
/[[...markdownPath]] |
77.84 KB (🟡 +7 B) |
171.47 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.
Ciao @Th3Wall 👋 Grazie mille e ottimo lavoro! 💪 🚀
Ho aggiunto qualche commento, facci sapere cosa ne pensi!
Ciao @mattia-sanfilippo 👋
Grazie mille! Condivido i tuoi commenti, li ho già applicati ed ho provveduto alla modifica dei commenti come da linea guida.
Fammi sapere se necessita di altre fix 😃
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM! 🚀
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
🚀
Th3Wall
deleted the
translations-add-react-to-an-existing-project-page
branch
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters. Learn more about bidirectional Unicode characters