Translate sections, links and a few headings

alinkedd · alinkedd · commit 92a4e0de4b72 · 2025-03-11T16:52:25.000+01:00
diff --git a/TRANSLATION.md b/TRANSLATION.md
@@ -111,7 +111,7 @@
 
 | Оригінал | Переклад |
 | ------------------ | ---------- |
-| API reference | API довідник |
+| API reference | Довідник API |
 | app | застосунок |
 | array | масив |
 | arrow function | стрілкова функція |
@@ -175,6 +175,7 @@
 | Note | Примітка |
 | online | онлайн |
 | online playground | онлайн пісочниця |
+| overview | огляд; вступ (тільки як вступна частина розділів та сторінок)|
 | package manager | менеджер пакетів |
 | package registry | реєстр пакетів |
 | paint | фарбування, перефарбування |
diff --git a/src/components/Layout/HomeContent.js b/src/components/Layout/HomeContent.js
@@ -119,8 +119,8 @@ export function HomeContent() {
         <div className="mx-5 mt-12 lg:mt-24 mb-20 lg:mb-32 flex flex-col justify-center">
           <div className="uwu-visible flex justify-center">
             <Image
-              alt="logo by @sawaratsuki1004"
-              title="logo by @sawaratsuki1004"
+              alt="лого від @sawaratsuki1004"
+              title="лого від @sawaratsuki1004"
               loading="eager"
               width={313}
               height={160}
@@ -145,15 +145,15 @@ export function HomeContent() {
               size="lg"
               className="w-full sm:w-auto justify-center"
               label="Learn React">
-              Learn React
+              Вивчення React
             </ButtonLink>
             <ButtonLink
               href={'/reference/react'}
               type="secondary"
               size="lg"
               className="w-full sm:w-auto justify-center"
               label="API Reference">
-              API Reference
+              Довідник API
             </ButtonLink>
           </div>
         </div>
@@ -435,15 +435,15 @@ export function HomeContent() {
                   </Para>
                   <div className="hidden lg:flex justify-start w-full">
                     <CTA color="gray" icon="news" href="/blog">
-                      Read more React news
+                      Більше новин про React
                     </CTA>
                   </div>
                 </div>
               </div>
               <div className="w-full lg:w-6/12">
                 <p className="uppercase tracking-wide font-bold text-sm text-tertiary dark:text-tertiary-dark flex flex-row gap-2 items-center mt-5 lg:-mt-2 w-full">
                   <IconChevron />
-                  Latest React News
+                  Останні новини про React
                 </p>
                 <div className="flex-col sm:flex-row flex-wrap flex gap-5 text-start my-5">
                   <div className="flex-1 min-w-[40%] text-start">
@@ -461,7 +461,7 @@ export function HomeContent() {
                 </div>
                 <div className="flex lg:hidden justify-start w-full">
                   <CTA color="gray" icon="news" href="/blog">
-                    Read more React news
+                    Більше новин про React
                   </CTA>
                 </div>
               </div>
@@ -519,7 +519,7 @@ export function HomeContent() {
               type="primary"
               size="lg"
               label="Take the Tutorial">
-              Get Started
+              Ознайомитися
             </ButtonLink>
           </div>
         </Section>
@@ -1104,7 +1104,7 @@ function SearchableVideoList({ videos }) {
             contentMarginTop="72px"
             height="30rem">
             <h1 className="mx-4 mb-1 font-bold text-3xl text-primary">
-              React Videos
+              Відео про React
             </h1>
             <p className="mx-4 mb-0 leading-snug text-secondary text-xl">
               A brief history of React
@@ -1321,7 +1321,7 @@ function BrowserChrome({children, hasPulse, hasRefresh, domain, path}) {
                 <div className="z-0 absolute shadow-[0_0_0_8px_rgba(0,0,0,0.5)] inset-0 rounded-full animation-pulse-shadow" />
               )}
               <button
-                aria-label="Reload"
+                aria-label="Перезавантажити"
                 onClick={handleRestart}
                 className={
                   'z-10 flex items-center p-1.5 rounded-full cursor-pointer justify-center' +
@@ -1512,7 +1512,7 @@ function ConferenceLayout({conf, children}) {
       data-hover="ConferenceLayout">
       <Cover background={conf.cover}>
         <select
-          aria-label="Event"
+          aria-label="Подія"
           defaultValue={slug}
           onChange={(e) => {
             startTransition(() => {
@@ -1685,7 +1685,7 @@ function LikeButton({video}) {
         'outline-none focus:bg-red-50/5 focus:text-red-50 relative flex items-center justify-center w-10 h-10 cursor-pointer rounded-full hover:bg-card active:scale-95 active:bg-red-50/5 active:text-red-50',
         isLiked ? 'text-red-50' : 'text-tertiary'
       )}
-      aria-label={isLiked ? 'Unsave' : 'Save'}
+      aria-label={isLiked ? 'Видалити з улюбленого' : 'Додати в улюблене'}
       onClick={() => {
         const nextIsLiked = !isLiked;
         if (nextIsLiked) {
diff --git a/src/content/blog/index.md b/src/content/blog/index.md
@@ -1,5 +1,5 @@
 ---
-title: React Blog
+title: Блог React
 ---
 
 <Intro>
@@ -106,8 +106,8 @@ Not every React release deserves its own blog post, but you can find a detailed
 
 ---
 
-### Older posts {/*older-posts*/}
+### Старіші публікації {/*older-posts*/}
 
-See the [older posts.](https://reactjs.org/blog/all.html)
+Перегляньте [старіші публікації.](https://reactjs.org/blog/all.html)
 
 <div className="h-12"></div>
diff --git a/src/content/community/acknowledgements.md b/src/content/community/acknowledgements.md
@@ -1,5 +1,5 @@
 ---
-title: Acknowledgements
+title: Подяки
 ---
 
 <Intro>
diff --git a/src/content/community/docs-contributors.md b/src/content/community/docs-contributors.md
@@ -1,5 +1,5 @@
 ---
-title: Docs Contributors
+title: Автори документації
 ---
 
 <Intro>
diff --git a/src/content/community/index.md b/src/content/community/index.md
@@ -1,5 +1,5 @@
 ---
-title: React Community
+title: Спільнота React
 ---
 
 <Intro>
@@ -8,7 +8,7 @@ React has a community of millions of developers. On this page we've listed some
 
 </Intro>
 
-## Code of Conduct {/*code-of-conduct*/}
+## Кодекс поведінки {/*code-of-conduct*/}
 
 Before participating in React's communities, [please read our Code of Conduct.](https://github.com/facebook/react/blob/main/CODE_OF_CONDUCT.md) We have adopted the [Contributor Covenant](https://www.contributor-covenant.org/) and we expect that all community members adhere to the guidelines within.
 
diff --git a/src/content/community/team.md b/src/content/community/team.md
@@ -1,5 +1,5 @@
 ---
-title: "Meet the Team"
+title: Команда React
 ---
 
 <Intro>
@@ -100,4 +100,4 @@ Current members of the React team are listed in alphabetical order below.
 
 ## Past contributors {/*past-contributors*/}
 
-You can find the past team members and other people who significantly contributed to React over the years on the [acknowledgements](/community/acknowledgements) page.
+You can find the past team members and other people who significantly contributed to React over the years on the ["Подяки"](/community/acknowledgements) page.
diff --git a/src/content/community/translations.md b/src/content/community/translations.md
@@ -1,5 +1,5 @@
 ---
-title: Translations
+title: Переклади
 ---
 
 <Intro>
diff --git a/src/content/community/videos.md b/src/content/community/videos.md
@@ -1,5 +1,5 @@
 ---
-title: React Videos
+title: Відео про React
 ---
 
 <Intro>
diff --git a/src/content/learn/describing-the-ui.md b/src/content/learn/describing-the-ui.md
@@ -186,7 +186,7 @@ img { height: 90px; }
 
 </LearnMore>
 
-## JavaScript у JSX з фігурними дужками {/*javascript-in-jsx-with-curly-braces*/}
+## JavaScript у JSX із фігурними дужками {/*javascript-in-jsx-with-curly-braces*/}
 
 JSX дозволяє писати HTML-подібну розмітку всередині файлу JavaScript, зберігаючи логіку рендерингу та вміст в одному місці. Іноді вам потрібно додати трохи логіки JavaScript або посилатися на динамічну властивість у цій розмітці. Тоді ви можете використовувати фігурні дужки у своєму JSX, щоб "відкрити вікно" у JavaScript:
 
diff --git a/src/content/learn/javascript-in-jsx-with-curly-braces.md b/src/content/learn/javascript-in-jsx-with-curly-braces.md
@@ -1,5 +1,5 @@
 ---
-title: JavaScript у JSX з фігурними дужками
+title: JavaScript у JSX із фігурними дужками
 ---
 
 <Intro>
diff --git a/src/content/learn/tutorial-tic-tac-toe.md b/src/content/learn/tutorial-tic-tac-toe.md
@@ -202,7 +202,7 @@ Once you've played around with the finished tic-tac-toe game, keep scrolling. Yo
 
 ## Setup for the tutorial {/*setup-for-the-tutorial*/}
 
-In the live code editor below, click **Fork** in the top-right corner to open the editor in a new tab using the website CodeSandbox. CodeSandbox lets you write code in your browser and preview how your users will see the app you've created. The new tab should display an empty square and the starter code for this tutorial.
+In the live code editor below, click **Відгалузити** in the top-right corner to open the editor in a new tab using the website CodeSandbox. CodeSandbox lets you write code in your browser and preview how your users will see the app you've created. The new tab should display an empty square and the starter code for this tutorial.
 
 <Sandpack>
 
@@ -264,7 +264,7 @@ body {
 You can also follow this tutorial using your local development environment. To do this, you need to:
 
 1. Install [Node.js](https://nodejs.org/en/)
-1. In the CodeSandbox tab you opened earlier, press the top-left corner button to open the menu, and then choose **Download Sandbox** in that menu to download an archive of the files locally
+1. In the CodeSandbox tab you opened earlier, press the top-left corner button to open the menu, and then choose **Завантажити пісочницю** in that menu to download an archive of the files locally
 1. Unzip the archive, then open a terminal and `cd` to the directory you unzipped
 1. Install the dependencies with `npm install`
 1. Run `npm start` to start a local server and follow the prompts to view the code running in a browser
diff --git a/src/content/reference/react-dom/client/index.md b/src/content/reference/react-dom/client/index.md
@@ -1,5 +1,5 @@
 ---
-title: Client React DOM APIs
+title: "React DOM: клієнтські API"
 ---
 
 <Intro>
diff --git a/src/content/reference/react-dom/components/index.md b/src/content/reference/react-dom/components/index.md
@@ -1,5 +1,5 @@
 ---
-title: "React DOM Components"
+title: "React DOM: компоненти"
 ---
 
 <Intro>
diff --git a/src/content/reference/react-dom/hooks/index.md b/src/content/reference/react-dom/hooks/index.md
@@ -1,5 +1,5 @@
 ---
-title: "Built-in React DOM Hooks"
+title: "React DOM: вбудовані хуки"
 ---
 
 <Intro>
diff --git a/src/content/reference/react-dom/index.md b/src/content/reference/react-dom/index.md
@@ -1,5 +1,5 @@
 ---
-title: React DOM APIs
+title: "React DOM: API"
 ---
 
 <Intro>
@@ -41,7 +41,7 @@ The `react-dom` package provides two additional entry points:
 
 ---
 
-## Removed APIs {/*removed-apis*/}
+## Видалені API {/*removed-apis*/}
 
 These APIs were removed in React 19:
 
diff --git a/src/content/reference/react-dom/server/index.md b/src/content/reference/react-dom/server/index.md
@@ -1,5 +1,5 @@
 ---
-title: Server React DOM APIs
+title: "React DOM: серверні API"
 ---
 
 <Intro>
diff --git a/src/content/reference/react-dom/static/index.md b/src/content/reference/react-dom/static/index.md
@@ -1,5 +1,5 @@
 ---
-title: Static React DOM APIs
+title: "React DOM: статичні API"
 ---
 
 <Intro>
diff --git a/src/content/reference/react/apis.md b/src/content/reference/react/apis.md
@@ -1,5 +1,5 @@
 ---
-title: "Built-in React APIs"
+title: "React: вбудовані API"
 ---
 
 <Intro>
diff --git a/src/content/reference/react/components.md b/src/content/reference/react/components.md
@@ -1,5 +1,5 @@
 ---
-title: "Built-in React Components"
+title: "React: вбудовані компоненти"
 ---
 
 <Intro>
diff --git a/src/content/reference/react/hooks.md b/src/content/reference/react/hooks.md
@@ -1,5 +1,5 @@
 ---
-title: "Built-in React Hooks"
+title: "React: вбудовані хуки"
 ---
 
 <Intro>
diff --git a/src/content/reference/react/index.md b/src/content/reference/react/index.md
@@ -1,5 +1,5 @@
 ---
-title: React Reference Overview
+title: Вступ до довідника React
 ---
 
 <Intro>
@@ -29,14 +29,14 @@ React-dom contains features that are only supported for web applications (which
 * [Client APIs](/reference/react-dom/client) - The `react-dom/client` APIs let you render React components on the client (in the browser).
 * [Server APIs](/reference/react-dom/server) - The `react-dom/server` APIs let you render React components to HTML on the server.
 
-## Rules of React {/*rules-of-react*/}
+## Правила React {/*rules-of-react*/}
 
 React has idioms — or rules — for how to express patterns in a way that is easy to understand and yields high-quality applications:
 
 * [Components and Hooks must be pure](/reference/rules/components-and-hooks-must-be-pure) – Purity makes your code easier to understand, debug, and allows React to automatically optimize your components and hooks correctly.
 * [React calls Components and Hooks](/reference/rules/react-calls-components-and-hooks) – React is responsible for rendering components and hooks when necessary to optimize the user experience.
 * [Rules of Hooks](/reference/rules/rules-of-hooks) – Hooks are defined using JavaScript functions, but they represent a special type of reusable UI logic with restrictions on where they can be called.
 
-## Legacy APIs {/*legacy-apis*/}
+## Спадкові API {/*legacy-apis*/}
 
 * [Legacy APIs](/reference/react/legacy) - Exported from the `react` package, but not recommended for use in newly written code.
diff --git a/src/content/reference/react/legacy.md b/src/content/reference/react/legacy.md
@@ -1,5 +1,5 @@
 ---
-title: "Legacy React APIs"
+title: "Спадкові API в React"
 ---
 
 <Intro>
@@ -10,7 +10,7 @@ These APIs are exported from the `react` package, but they are not recommended f
 
 ---
 
-## Legacy APIs {/*legacy-apis*/}
+## Спадкові API {/*legacy-apis*/}
 
 * [`Children`](/reference/react/Children) lets you manipulate and transform the JSX received as the `children` prop. [See alternatives.](/reference/react/Children#alternatives)
 * [`cloneElement`](/reference/react/cloneElement) lets you create a React element using another element as a starting point. [See alternatives.](/reference/react/cloneElement#alternatives)
@@ -23,7 +23,7 @@ These APIs are exported from the `react` package, but they are not recommended f
 
 ---
 
-## Removed APIs {/*removed-apis*/}
+## Видалені API {/*removed-apis*/}
 
 These APIs were removed in React 19:
 
diff --git a/src/content/reference/rules/index.md b/src/content/reference/rules/index.md
@@ -1,5 +1,5 @@
 ---
-title: Rules of React
+title: Правила React
 ---
 
 <Intro>
diff --git a/src/sidebarBlog.json b/src/sidebarBlog.json
@@ -1,13 +1,13 @@
 {
-  "title": "Blog",
+  "title": "Блог",
   "path": "/blog",
   "routes": [
     {
       "hasSectionHeader": true,
-      "sectionHeader": "STAY INFORMED"
+      "sectionHeader": "НОВИНИ"
     },
     {
-      "title": "Blog",
+      "title": "Блог",
       "path": "/blog",
       "skipBreadcrumb": true,
       "routes": [
@@ -117,7 +117,7 @@
           "path": "/blog/2020/12/21/data-fetching-with-react-server-components"
         },
         {
-          "title": "Older posts",
+          "title": "Старіші публікації",
           "path": "https://reactjs.org/blog/all.html"
         }
       ]
diff --git a/src/sidebarCommunity.json b/src/sidebarCommunity.json
diff --git a/src/sidebarHome.json b/src/sidebarHome.json
diff --git a/src/sidebarLearn.json b/src/sidebarLearn.json
diff --git a/src/sidebarReference.json b/src/sidebarReference.json

Original file line number	Diff line number	Diff line change
`@@ -1,13 +1,13 @@`
`1`	`1`	`{`
`2`		`- "title": "Blog",`
	`2`	`+ "title": "Блог",`
`3`	`3`	`"path": "/blog",`
`4`	`4`	`"routes": [`
`5`	`5`	`{`
`6`	`6`	`"hasSectionHeader": true,`
`7`		`- "sectionHeader": "STAY INFORMED"`
	`7`	`+ "sectionHeader": "НОВИНИ"`
`8`	`8`	`},`
`9`	`9`	`{`
`10`		`- "title": "Blog",`
	`10`	`+ "title": "Блог",`
`11`	`11`	`"path": "/blog",`
`12`	`12`	`"skipBreadcrumb": true,`
`13`	`13`	`"routes": [`
`@@ -117,7 +117,7 @@`
`117`	`117`	`"path": "/blog/2020/12/21/data-fetching-with-react-server-components"`
`118`	`118`	`},`
`119`	`119`	`{`
`120`		`- "title": "Older posts",`
	`120`	`+ "title": "Старіші публікації",`
`121`	`121`	`"path": "https://reactjs.org/blog/all.html"`
`122`	`122`	`}`
`123`	`123`	`]`