diff --git a/TRANSLATION.md b/TRANSLATION.md
index 6d8488c3c..7c70adc1c 100644
--- 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/DocsFooter.tsx b/src/components/DocsFooter.tsx
index 5f2330e7e..a2d491077 100644
--- a/src/components/DocsFooter.tsx
+++ b/src/components/DocsFooter.tsx
@@ -80,7 +80,7 @@ function FooterLink({
       />
       <div className="flex flex-col overflow-hidden">
         <span className="text-sm font-bold tracking-wide no-underline uppercase text-secondary dark:text-secondary-dark group-focus:text-link dark:group-focus:text-link-dark group-focus:text-opacity-100">
-          {type}
+          {type === 'Previous' ? 'Попередня' : 'Наступна'}
         </span>
         <span className="text-lg break-words group-hover:underline">
           {title}
diff --git a/src/components/Layout/Feedback.tsx b/src/components/Layout/Feedback.tsx
index 34db728ce..9a4f375bf 100644
--- a/src/components/Layout/Feedback.tsx
+++ b/src/components/Layout/Feedback.tsx
@@ -67,11 +67,11 @@ function SendFeedback({onSubmit}: {onSubmit: () => void}) {
         {exit: isSubmitted}
       )}>
       <p className="w-full text-lg font-bold text-primary dark:text-primary-dark me-4">
-        {isSubmitted ? 'Thank you for your feedback!' : 'Is this page useful?'}
+        {isSubmitted ? 'Дякуємо за відгук!' : 'Ця сторінка корисна?'}
       </p>
       {!isSubmitted && (
         <button
-          aria-label="Yes"
+          aria-label="Так"
           className="px-3 rounded-lg bg-secondary-button dark:bg-secondary-button-dark text-primary dark:text-primary-dark me-2"
           onClick={() => {
             setIsSubmitted(true);
@@ -83,7 +83,7 @@ function SendFeedback({onSubmit}: {onSubmit: () => void}) {
       )}
       {!isSubmitted && (
         <button
-          aria-label="No"
+          aria-label="Ні"
           className="px-3 rounded-lg bg-secondary-button dark:bg-secondary-button-dark text-primary dark:text-primary-dark"
           onClick={() => {
             setIsSubmitted(true);
diff --git a/src/components/Layout/Footer.tsx b/src/components/Layout/Footer.tsx
index 9cdf256fb..a4f2f6d0f 100644
--- a/src/components/Layout/Footer.tsx
+++ b/src/components/Layout/Footer.tsx
@@ -292,7 +292,7 @@ export function Footer() {
               // @ts-ignore
               window.__setUwu(false);
             }}>
-            no uwu plz
+            без uwu, будь ласка
           </div>
           <div
             className="uwu-hidden text-xs cursor-pointer hover:text-link hover:dark:text-link-dark hover:underline"
@@ -303,7 +303,7 @@ export function Footer() {
             uwu?
           </div>
           <div className="uwu-visible text-xs">
-            Logo by
+            Лого від
             <ExternalLink
               className="ms-1"
               href="https://twitter.com/sawaratsuki1004">
@@ -313,72 +313,68 @@ export function Footer() {
         </div>
         <div className="flex flex-col">
           <FooterLink href="/learn" isHeader={true}>
-            Learn React
-          </FooterLink>
-          <FooterLink href="/learn/">Quick Start</FooterLink>
-          <FooterLink href="/learn/installation">Installation</FooterLink>
-          <FooterLink href="/learn/describing-the-ui">
-            Describing the UI
+            Вивчення React
           </FooterLink>
+          <FooterLink href="/learn/">Швидкий старт</FooterLink>
+          <FooterLink href="/learn/installation">Встановлення</FooterLink>
+          <FooterLink href="/learn/describing-the-ui">Написання UI</FooterLink>
           <FooterLink href="/learn/adding-interactivity">
-            Adding Interactivity
+            Додавання інтерактивності
           </FooterLink>
           <FooterLink href="/learn/managing-state">Managing State</FooterLink>
           <FooterLink href="/learn/escape-hatches">Escape Hatches</FooterLink>
         </div>
         <div className="flex flex-col">
           <FooterLink href="/reference/react" isHeader={true}>
-            API Reference
+            Довідник API
           </FooterLink>
-          <FooterLink href="/reference/react">React APIs</FooterLink>
-          <FooterLink href="/reference/react-dom">React DOM APIs</FooterLink>
+          <FooterLink href="/reference/react">React: API</FooterLink>
+          <FooterLink href="/reference/react-dom">React DOM: API</FooterLink>
         </div>
         <div className="md:col-start-2 xl:col-start-4 flex flex-col">
           <FooterLink href="/community" isHeader={true}>
-            Community
+            Спільнота
           </FooterLink>
           <FooterLink href="https://github.com/facebook/react/blob/main/CODE_OF_CONDUCT.md">
-            Code of Conduct
+            Кодекс поведінки
           </FooterLink>
-          <FooterLink href="/community/team">Meet the Team</FooterLink>
+          <FooterLink href="/community/team">Команда React</FooterLink>
           <FooterLink href="/community/docs-contributors">
-            Docs Contributors
-          </FooterLink>
-          <FooterLink href="/community/acknowledgements">
-            Acknowledgements
+            Автори документації
           </FooterLink>
+          <FooterLink href="/community/acknowledgements">Подяки</FooterLink>
         </div>
         <div className="flex flex-col">
-          <FooterLink isHeader={true}>More</FooterLink>
-          <FooterLink href="/blog">Blog</FooterLink>
+          <FooterLink isHeader={true}>Більше</FooterLink>
+          <FooterLink href="/blog">Блог</FooterLink>
           <FooterLink href="https://reactnative.dev/">React Native</FooterLink>
           <FooterLink href="https://opensource.facebook.com/legal/privacy">
-            Privacy
+            Політика конфіденційності
           </FooterLink>
           <FooterLink href="https://opensource.fb.com/legal/terms/">
-            Terms
+            Умови використання
           </FooterLink>
           <div className="flex flex-row items-center mt-8 gap-x-2">
             <ExternalLink
-              aria-label="React on Facebook"
+              aria-label="React у Facebook"
               href="https://www.facebook.com/react"
               className={socialLinkClasses}>
               <IconFacebookCircle />
             </ExternalLink>
             <ExternalLink
-              aria-label="React on Twitter"
+              aria-label="React у Twitter"
               href="https://twitter.com/reactjs"
               className={socialLinkClasses}>
               <IconTwitter />
             </ExternalLink>
             <ExternalLink
-              aria-label="React on Bluesky"
+              aria-label="React у Bluesky"
               href="https://bsky.app/profile/react.dev"
               className={socialLinkClasses}>
               <IconBsky />
             </ExternalLink>
             <ExternalLink
-              aria-label="React on Github"
+              aria-label="React у Github"
               href="https://github.com/facebook/react"
               className={socialLinkClasses}>
               <IconGitHub />
diff --git a/src/components/Layout/HomeContent.js b/src/components/Layout/HomeContent.js
index 72ab36884..1540fab52 100644
--- 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,7 +145,7 @@ export function HomeContent() {
               size="lg"
               className="w-full sm:w-auto justify-center"
               label="Learn React">
-              Learn React
+              Вивчення React
             </ButtonLink>
             <ButtonLink
               href={'/reference/react'}
@@ -153,7 +153,7 @@ export function HomeContent() {
               size="lg"
               className="w-full sm:w-auto justify-center"
               label="API Reference">
-              API Reference
+              Довідник API
             </ButtonLink>
           </div>
         </div>
@@ -435,7 +435,7 @@ 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>
@@ -443,7 +443,7 @@ export function HomeContent() {
               <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/components/Layout/Page.tsx b/src/components/Layout/Page.tsx
index 24d379589..34871b198 100644
--- a/src/components/Layout/Page.tsx
+++ b/src/components/Layout/Page.tsx
@@ -132,7 +132,7 @@ export function Page({
           <link
             rel="alternate"
             type="application/rss+xml"
-            title="React Blog RSS Feed"
+            title="RSS-стрічка блогу React"
             href="/rss.xml"
           />
         </Head>
diff --git a/src/components/Layout/Sidebar/SidebarLink.tsx b/src/components/Layout/Sidebar/SidebarLink.tsx
index 4429989d2..1ec18bb33 100644
--- a/src/components/Layout/Sidebar/SidebarLink.tsx
+++ b/src/components/Layout/Sidebar/SidebarLink.tsx
@@ -77,14 +77,14 @@ export function SidebarLink({
         {title}{' '}
         {version === 'major' && (
           <span
-            title="- This feature is available in React 19 beta and the React canary channel"
+            title="- ця функція доступна в бета-версії React 19 та каналі canary-версій React"
             className={`text-xs px-1 ms-1 rounded bg-gray-10 dark:bg-gray-40 dark:bg-opacity-20 text-gray-40 dark:text-gray-40`}>
             React 19
           </span>
         )}
         {version === 'canary' && (
           <IconCanary
-            title=" - This feature is available in the latest Canary"
+            title=" - ця функція доступна в останній canary-версії"
             className="ms-1 text-gray-30 dark:text-gray-60 inline-block w-3.5 h-3.5 align-[-3px]"
           />
         )}
diff --git a/src/components/Layout/Toc.tsx b/src/components/Layout/Toc.tsx
index 5308c602c..fe941be45 100644
--- a/src/components/Layout/Toc.tsx
+++ b/src/components/Layout/Toc.tsx
@@ -16,7 +16,7 @@ export function Toc({headings}: {headings: Toc}) {
     <nav role="navigation" className="pt-20 sticky top-0 end-0">
       {headings.length > 0 && (
         <h2 className="mb-3 lg:mb-3 uppercase tracking-wide font-bold text-sm text-secondary dark:text-secondary-dark px-4 w-full">
-          On this page
+          На цій сторінці
         </h2>
       )}
       <div
diff --git a/src/components/Layout/TopNav/BrandMenu.tsx b/src/components/Layout/TopNav/BrandMenu.tsx
index 3bd8776f2..3700dd513 100644
--- a/src/components/Layout/TopNav/BrandMenu.tsx
+++ b/src/components/Layout/TopNav/BrandMenu.tsx
@@ -50,7 +50,7 @@ export default function BrandMenu({children}: {children: React.ReactNode}) {
           sideOffset={0}
           align="end">
           <ContextMenu.Label className="ps-4 pt-2 text-base text-tertiary dark:text-tertiary-dark">
-            Dark Mode
+            Темний режим
           </ContextMenu.Label>
           <DownloadMenuItem
             fileName="react_logo_dark.svg"
@@ -58,7 +58,7 @@ export default function BrandMenu({children}: {children: React.ReactNode}) {
             <span className="w-8">
               <IconDownload />
             </span>
-            <span>Logo SVG</span>
+            <span>Лого як SVG</span>
           </DownloadMenuItem>
           <DownloadMenuItem
             fileName="react_wordmark_dark.svg"
@@ -66,7 +66,7 @@ export default function BrandMenu({children}: {children: React.ReactNode}) {
             <span className="w-8">
               <IconDownload />
             </span>
-            <span>Wordmark SVG</span>
+            <span>Шрифтове лого як SVG</span>
           </DownloadMenuItem>
           <MenuItem
             onSelect={async () => {
@@ -75,10 +75,10 @@ export default function BrandMenu({children}: {children: React.ReactNode}) {
             <span className="w-8">
               <IconCopy />
             </span>
-            <span>Copy dark mode color</span>
+            <span>Скопіювати колір темного режиму</span>
           </MenuItem>
           <ContextMenu.Label className="ps-4 text-base text-tertiary dark:text-tertiary-dark">
-            Light Mode
+            Світлий режим
           </ContextMenu.Label>
           <DownloadMenuItem
             fileName="react_logo_light.svg"
@@ -86,7 +86,7 @@ export default function BrandMenu({children}: {children: React.ReactNode}) {
             <span className="w-8">
               <IconDownload />
             </span>
-            <span>Logo SVG</span>
+            <span>Лого SVG</span>
           </DownloadMenuItem>
           <DownloadMenuItem
             fileName="react_wordmark_light.svg"
@@ -94,7 +94,7 @@ export default function BrandMenu({children}: {children: React.ReactNode}) {
             <span className="w-8">
               <IconDownload />
             </span>
-            <span>Wordmark SVG</span>
+            <span>Шрифтове лого як SVG</span>
           </DownloadMenuItem>
           <MenuItem
             onSelect={async () => {
@@ -103,7 +103,7 @@ export default function BrandMenu({children}: {children: React.ReactNode}) {
             <span className="w-8">
               <IconCopy />
             </span>
-            <span>Copy light mode color</span>
+            <span>Скопіювати колір світлого режиму</span>
           </MenuItem>
           <div className="uwu-visible flex flex-col">
             <ContextMenu.Separator className="" />
@@ -118,13 +118,13 @@ export default function BrandMenu({children}: {children: React.ReactNode}) {
               <span className="w-8">
                 <IconClose />
               </span>
-              <span>Turn off</span>
+              <span>Вимкнути</span>
             </MenuItem>
             <DownloadMenuItem fileName="react_uwu_png" href="/images/uwu.png">
               <span className="w-8">
                 <IconDownload />
               </span>
-              <span>Logo PNG</span>
+              <span>Лого як PNG</span>
             </DownloadMenuItem>
 
             <ExternalLink
@@ -134,7 +134,7 @@ export default function BrandMenu({children}: {children: React.ReactNode}) {
                 <span className="w-8">
                   <IconNewPage />
                 </span>
-                <span>Logo by @sawaratsuki1004</span>
+                <span>Лого від @sawaratsuki1004</span>
               </MenuItem>
             </ExternalLink>
           </div>
diff --git a/src/components/Layout/TopNav/TopNav.tsx b/src/components/Layout/TopNav/TopNav.tsx
index cc5c654e3..d8fba9b0f 100644
--- a/src/components/Layout/TopNav/TopNav.tsx
+++ b/src/components/Layout/TopNav/TopNav.tsx
@@ -253,7 +253,7 @@ export default function TopNav({
             <div className="flex flex-row 3xl:flex-1 items-centers">
               <button
                 type="button"
-                aria-label="Menu"
+                aria-label="Меню"
                 onClick={() => setIsMenuOpen(!isMenuOpen)}
                 className={cn(
                   'active:scale-95 transition-transform flex lg:hidden w-12 h-12 rounded-full items-center justify-center hover:bg-primary/5 hover:dark:bg-primary-dark/5 outline-link',
@@ -268,8 +268,8 @@ export default function TopNav({
                   <div className="uwu-visible flex items-center justify-center h-full">
                     <NextLink href="/">
                       <Image
-                        alt="logo by @sawaratsuki1004"
-                        title="logo by @sawaratsuki1004"
+                        alt="лого від @sawaratsuki1004"
+                        title="лого від @sawaratsuki1004"
                         className="h-8"
                         priority
                         width={63}
@@ -308,7 +308,7 @@ export default function TopNav({
                 )}
                 onClick={onOpenSearch}>
                 <IconSearch className="align-middle me-3 text-gray-30 shrink-0 group-betterhover:hover:text-gray-70" />
-                Search
+                Пошук
                 <span className="hidden ms-auto sm:flex item-center me-1">
                   <Kbd data-platform="mac">⌘</Kbd>
                   <Kbd data-platform="win" wide>
@@ -321,25 +321,25 @@ export default function TopNav({
             <div className="text-base justify-center items-center gap-1.5 flex 3xl:flex-1 flex-row 3xl:justify-end">
               <div className="mx-2.5 gap-1.5 hidden lg:flex">
                 <NavItem isActive={section === 'learn'} url="/learn">
-                  Learn
+                  Вивчення
                 </NavItem>
                 <NavItem
                   isActive={section === 'reference'}
                   url="/reference/react">
-                  Reference
+                  Довідник
                 </NavItem>
                 <NavItem isActive={section === 'community'} url="/community">
-                  Community
+                  Спільнота
                 </NavItem>
                 <NavItem isActive={section === 'blog'} url="/blog">
-                  Blog
+                  Блог
                 </NavItem>
               </div>
               <div className="flex w-full md:hidden"></div>
               <div className="flex items-center -space-x-2.5 xs:space-x-0 ">
                 <div className="flex md:hidden">
                   <button
-                    aria-label="Search"
+                    aria-label="Пошук"
                     type="button"
                     className="flex items-center justify-center w-12 h-12 transition-transform rounded-full active:scale-95 md:hidden hover:bg-secondary-button hover:dark:bg-secondary-button-dark outline-link"
                     onClick={onOpenSearch}>
@@ -349,7 +349,7 @@ export default function TopNav({
                 <div className="flex dark:hidden">
                   <button
                     type="button"
-                    aria-label="Use Dark Mode"
+                    aria-label="Використовувати темний режим"
                     onClick={() => {
                       window.__setPreferredTheme('dark');
                     }}
@@ -360,7 +360,7 @@ export default function TopNav({
                 <div className="hidden dark:flex">
                   <button
                     type="button"
-                    aria-label="Use Light Mode"
+                    aria-label="Використовувати світлий режим"
                     onClick={() => {
                       window.__setPreferredTheme('light');
                     }}
@@ -371,7 +371,7 @@ export default function TopNav({
                 <div className="flex">
                   <Link
                     href="/community/translations"
-                    aria-label="Translations"
+                    aria-label="Переклади"
                     className="active:scale-95 transition-transform flex w-12 h-12 rounded-full items-center justify-center hover:bg-primary/5 hover:dark:bg-primary-dark/5 outline-link">
                     {languageIcon}
                   </Link>
@@ -381,7 +381,7 @@ export default function TopNav({
                     href="https://github.com/facebook/react/releases"
                     target="_blank"
                     rel="noreferrer noopener"
-                    aria-label="Open on GitHub"
+                    aria-label="Відкрити на GitHub"
                     className="flex items-center justify-center w-12 h-12 transition-transform rounded-full active:scale-95 hover:bg-primary/5 hover:dark:bg-primary-dark/5 outline-link">
                     {githubIcon}
                   </Link>
@@ -408,20 +408,20 @@ export default function TopNav({
                 <Suspense fallback={null}>
                   <div className="ps-3 xs:ps-5 xs:gap-0.5 xs:text-base overflow-x-auto flex flex-row lg:hidden text-base font-bold text-secondary dark:text-secondary-dark">
                     <NavItem isActive={section === 'learn'} url="/learn">
-                      Learn
+                      Вивчення
                     </NavItem>
                     <NavItem
                       isActive={section === 'reference'}
                       url="/reference/react">
-                      Reference
+                      Довідник
                     </NavItem>
                     <NavItem
                       isActive={section === 'community'}
                       url="/community">
-                      Community
+                      Спільнота
                     </NavItem>
                     <NavItem isActive={section === 'blog'} url="/blog">
-                      Blog
+                      Блог
                     </NavItem>
                   </div>
                   <div
diff --git a/src/components/MDX/BlogCard.tsx b/src/components/MDX/BlogCard.tsx
index 1a16013a2..5b3d6e9e7 100644
--- a/src/components/MDX/BlogCard.tsx
+++ b/src/components/MDX/BlogCard.tsx
@@ -59,7 +59,7 @@ function BlogCard({title, badge, date, icon, url, children}: BlogCardProps) {
             {date}
             {badge ? (
               <div className="h-fit px-1 bg-highlight dark:bg-highlight-dark rounded uppercase text-link dark:text-link-dark font-bold tracking-wide text-xs whitespace-nowrap">
-                New
+                Нове
               </div>
             ) : null}
           </div>
@@ -68,7 +68,7 @@ function BlogCard({title, badge, date, icon, url, children}: BlogCardProps) {
           </span>
           {children != null && (
             <div className="text-link text-base dark:text-link-dark hover:underline mt-4">
-              Read more
+              Читати далі
             </div>
           )}
         </div>
diff --git a/src/components/MDX/Challenges/Challenge.tsx b/src/components/MDX/Challenges/Challenge.tsx
index e54bf920a..65c6c5588 100644
--- a/src/components/MDX/Challenges/Challenge.tsx
+++ b/src/components/MDX/Challenges/Challenge.tsx
@@ -50,7 +50,7 @@ export function Challenge({
           className="text-xl text-primary dark:text-primary-dark mb-2 mt-0 font-medium"
           id={currentChallenge.id}>
           <div className="font-bold block md:inline">
-            {isRecipes ? 'Example' : 'Challenge'} {currentChallenge.order} of{' '}
+            {isRecipes ? 'Приклад' : 'Завдання'} {currentChallenge.order} із{' '}
             {totalChallenges}
             <span className="text-primary dark:text-primary-dark">: </span>
           </div>
@@ -63,14 +63,14 @@ export function Challenge({
           <div>
             <Button className="me-2" onClick={toggleHint} active={showHint}>
               <IconHint className="me-1.5" />{' '}
-              {showHint ? 'Hide hint' : 'Show hint'}
+              {showHint ? 'Приховати підказку' : 'Показати підказку'}
             </Button>
             <Button
               className="me-2"
               onClick={toggleSolution}
               active={showSolution}>
               <IconSolution className="me-1.5" />{' '}
-              {showSolution ? 'Hide solution' : 'Show solution'}
+              {showSolution ? 'Приховати рішення' : 'Показати рішення'}
             </Button>
           </div>
         ) : (
@@ -80,7 +80,7 @@ export function Challenge({
               onClick={toggleSolution}
               active={showSolution}>
               <IconSolution className="me-1.5" />{' '}
-              {showSolution ? 'Hide solution' : 'Show solution'}
+              {showSolution ? 'Приховати рішення' : 'Показати рішення'}
             </Button>
           )
         )}
@@ -94,7 +94,7 @@ export function Challenge({
             )}
             onClick={handleClickNextChallenge}
             active>
-            Next {isRecipes ? 'Example' : 'Challenge'}
+            {isRecipes ? 'Наступний приклад' : 'Наступне завдання'}
             <IconArrowSmall displayDirection="end" className="block ms-1.5" />
           </Button>
         )}
@@ -104,12 +104,12 @@ export function Challenge({
       {showSolution && (
         <div className="mt-6">
           <h3 className="text-2xl font-bold text-primary dark:text-primary-dark">
-            Solution
+            Рішення
           </h3>
           {currentChallenge.solution}
           <div className="flex justify-between items-center mt-4">
             <Button onClick={() => setShowSolution(false)}>
-              Close solution
+              Приховати рішення
             </Button>
             {hasNextChallenge && (
               <Button
@@ -118,7 +118,7 @@ export function Challenge({
                 )}
                 onClick={handleClickNextChallenge}
                 active>
-                Next Challenge
+                Наступне завдання
                 <IconArrowSmall
                   displayDirection="end"
                   className="block ms-1.5"
diff --git a/src/components/MDX/Challenges/Challenges.tsx b/src/components/MDX/Challenges/Challenges.tsx
index 21fc6865c..f94c648b9 100644
--- a/src/components/MDX/Challenges/Challenges.tsx
+++ b/src/components/MDX/Challenges/Challenges.tsx
@@ -81,7 +81,7 @@ export function Challenges({
   children,
   isRecipes,
   noTitle,
-  titleText = isRecipes ? 'Try out some examples' : 'Try out some challenges',
+  titleText = isRecipes ? 'Перегляньте приклади' : 'Виконайте завдання',
   titleId = isRecipes ? 'examples' : 'challenges',
 }: ChallengesProps) {
   const challenges = parseChallengeContents(children);
diff --git a/src/components/MDX/Challenges/Navigation.tsx b/src/components/MDX/Challenges/Navigation.tsx
index 736db093c..48441292e 100644
--- a/src/components/MDX/Challenges/Navigation.tsx
+++ b/src/components/MDX/Challenges/Navigation.tsx
@@ -106,7 +106,7 @@ export function Navigation({
       <div className="flex z-10 pb-2 ps-2">
         <button
           onClick={handleScrollLeft}
-          aria-label="Scroll left"
+          aria-label="Прогорнути вліво"
           className={cn(
             'bg-secondary-button dark:bg-secondary-button-dark h-8 px-2 rounded-l border-gray-20 border-r rtl:rotate-180',
             {
@@ -118,7 +118,7 @@ export function Navigation({
         </button>
         <button
           onClick={handleScrollRight}
-          aria-label="Scroll right"
+          aria-label="Прогорнути вправо"
           className={cn(
             'bg-secondary-button dark:bg-secondary-button-dark h-8 px-2 rounded-e rtl:rotate-180',
             {
diff --git a/src/components/MDX/ConsoleBlock.tsx b/src/components/MDX/ConsoleBlock.tsx
index 6044b1370..f6e63b33c 100644
--- a/src/components/MDX/ConsoleBlock.tsx
+++ b/src/components/MDX/ConsoleBlock.tsx
@@ -53,7 +53,7 @@ export function ConsoleBlock({level = 'error', children}: ConsoleBlockProps) {
         </div>
         <div className="flex text-sm px-4">
           <div className="border-b-2 border-gray-300 dark:border-gray-90 text-tertiary dark:text-tertiary-dark">
-            Console
+            Консоль
           </div>
           <div className="px-4 py-2 flex">
             <Box className="me-2 bg-gray-300 dark:bg-gray-70" />
@@ -93,7 +93,7 @@ export function ConsoleBlockMulti({children}: ConsoleBlockMultiProps) {
         </div>
         <div className="flex text-sm px-4">
           <div className="border-b-2 border-gray-300 dark:border-gray-90 text-tertiary dark:text-tertiary-dark">
-            Console
+            Консоль
           </div>
           <div className="px-4 py-2 flex">
             <Box className="me-2 bg-gray-300 dark:bg-gray-70" />
diff --git a/src/components/MDX/ExpandableCallout.tsx b/src/components/MDX/ExpandableCallout.tsx
index 5f594063d..40d9540f6 100644
--- a/src/components/MDX/ExpandableCallout.tsx
+++ b/src/components/MDX/ExpandableCallout.tsx
@@ -26,7 +26,7 @@ interface ExpandableCalloutProps {
 
 const variantMap = {
   deprecated: {
-    title: 'Deprecated',
+    title: 'Застаріле',
     Icon: IconWarning,
     containerClasses: 'bg-red-5 dark:bg-red-60 dark:bg-opacity-20',
     textColor: 'text-red-50 dark:text-red-40',
@@ -34,7 +34,7 @@ const variantMap = {
       'linear-gradient(rgba(249, 247, 243, 0), rgba(249, 247, 243, 1)',
   },
   note: {
-    title: 'Note',
+    title: 'Примітка',
     Icon: IconNote,
     containerClasses:
       'bg-green-5 dark:bg-green-60 dark:bg-opacity-20 text-primary dark:text-primary-dark text-lg',
@@ -52,7 +52,7 @@ const variantMap = {
       'linear-gradient(rgba(245, 249, 248, 0), rgba(245, 249, 248, 1)',
   },
   pitfall: {
-    title: 'Pitfall',
+    title: 'Будьте обачні',
     Icon: IconPitfall,
     containerClasses: 'bg-yellow-5 dark:bg-yellow-60 dark:bg-opacity-20',
     textColor: 'text-yellow-50 dark:text-yellow-40',
@@ -60,7 +60,7 @@ const variantMap = {
       'linear-gradient(rgba(249, 247, 243, 0), rgba(249, 247, 243, 1)',
   },
   wip: {
-    title: 'Under Construction',
+    title: 'Досі розробляється',
     Icon: IconNote,
     containerClasses: 'bg-yellow-5 dark:bg-yellow-60 dark:bg-opacity-20',
     textColor: 'text-yellow-50 dark:text-yellow-40',
@@ -76,7 +76,7 @@ const variantMap = {
       'linear-gradient(rgba(249, 247, 243, 0), rgba(249, 247, 243, 1)',
   },
   rsc: {
-    title: 'React Server Components',
+    title: 'Серверні компоненти React',
     Icon: null,
     containerClasses: 'bg-blue-10 dark:bg-blue-60 dark:bg-opacity-20',
     textColor: 'text-blue-50 dark:text-blue-40',
diff --git a/src/components/MDX/ExpandableExample.tsx b/src/components/MDX/ExpandableExample.tsx
index 1e709e483..7123bb9cf 100644
--- a/src/components/MDX/ExpandableExample.tsx
+++ b/src/components/MDX/ExpandableExample.tsx
@@ -71,13 +71,13 @@ function ExpandableExample({children, excerpt, type}: ExpandableExampleProps) {
           {isDeepDive && (
             <>
               <IconDeepDive className="inline me-2 dark:text-purple-30 text-purple-40" />
-              Deep Dive
+              Занурення
             </>
           )}
           {isExample && (
             <>
               <IconCodeBlock className="inline me-2 dark:text-yellow-30 text-yellow-50" />
-              Example
+              Приклад
             </>
           )}
         </h5>
@@ -101,7 +101,7 @@ function ExpandableExample({children, excerpt, type}: ExpandableExampleProps) {
           <span className="me-1">
             <IconChevron displayDirection={isExpanded ? 'up' : 'down'} />
           </span>
-          {isExpanded ? 'Hide Details' : 'Show Details'}
+          {isExpanded ? 'Приховати подробиці' : 'Показати подробиці'}
         </Button>
       </summary>
       <div
diff --git a/src/components/MDX/MDXComponents.tsx b/src/components/MDX/MDXComponents.tsx
index f24fac598..4329d3a6d 100644
--- a/src/components/MDX/MDXComponents.tsx
+++ b/src/components/MDX/MDXComponents.tsx
@@ -116,7 +116,7 @@ const CanaryBadge = ({title}: {title: string}) => (
       size="s"
       className={'inline me-1 mb-0.5 text-sm text-gray-60 dark:text-gray-10'}
     />
-    Canary only
+    Лише сanary
   </span>
 );
 
@@ -163,7 +163,7 @@ function LearnMore({
       <section className="p-8 mt-16 mb-16 flex flex-row shadow-inner-border dark:shadow-inner-border-dark justify-between items-center bg-card dark:bg-card-dark rounded-2xl">
         <div className="flex-col">
           <h2 className="text-primary font-display dark:text-primary-dark font-bold text-2xl leading-tight">
-            Ready to learn this topic?
+            Бажаєте вивчити цю тему?
           </h2>
           {children}
           {path ? (
@@ -172,7 +172,7 @@ function LearnMore({
               label="Read More"
               href={path}
               type="primary">
-              Read More
+              Детальніше
               <IconNavArrow displayDirection="end" className="inline ms-1" />
             </ButtonLink>
           ) : null}
@@ -186,7 +186,7 @@ function LearnMore({
 function ReadBlogPost({path}: {path: string}) {
   return (
     <ButtonLink className="mt-1" label="Read Post" href={path} type="primary">
-      Read Post
+      Переглянути публікацію
       <IconNavArrow displayDirection="end" className="inline ms-1" />
     </ButtonLink>
   );
@@ -223,7 +223,7 @@ function YouWillLearn({
   children: any;
   isChapter?: boolean;
 }) {
-  let title = isChapter ? 'In this chapter' : 'You will learn';
+  let title = isChapter ? 'У цьому розділі' : 'Ви вивчите';
   return <SimpleCallout title={title}>{children}</SimpleCallout>;
 }
 
@@ -243,7 +243,7 @@ function AuthorCredit({
     <div className="sr-only group-hover:not-sr-only group-focus-within:not-sr-only hover:sr-only">
       <p className="bg-card dark:bg-card-dark text-center text-sm text-secondary dark:text-secondary-dark leading-tight p-2 rounded-lg absolute start-1/2 -top-4 -translate-x-1/2 -translate-y-full group-hover:flex group-hover:opacity-100 after:content-[''] after:absolute after:start-1/2 after:top-[95%] after:-translate-x-1/2 after:border-8 after:border-x-transparent after:border-b-transparent after:border-t-card after:dark:border-t-card-dark opacity-0 transition-opacity duration-300">
         <cite>
-          Illustrated by{' '}
+          Ілюстровано{' '}
           {authorLink ? (
             <a
               target="_blank"
@@ -431,7 +431,7 @@ function LanguageList({progress}: {progress: TranslationProgress}) {
             </Link>{' '}
             &mdash;{' '}
             <Link href={`https://github.com/reactjs/${code}.react.dev`}>
-              Contribute
+              Долучитися
             </Link>
           </LI>
         );
@@ -448,7 +448,7 @@ function YouTubeIframe(props: any) {
         frameBorder="0"
         allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
         allowFullScreen
-        title="YouTube video player"
+        title="YouTube-відеоплеєр"
         {...props}
       />
     </div>
diff --git a/src/components/MDX/Recap.tsx b/src/components/MDX/Recap.tsx
index d91ed48b4..d9b4f0a6a 100644
--- a/src/components/MDX/Recap.tsx
+++ b/src/components/MDX/Recap.tsx
@@ -13,7 +13,7 @@ function Recap({children}: RecapProps) {
   return (
     <section>
       <H2 isPageAnchor id="recap">
-        Recap
+        Підсумок
       </H2>
       {children}
     </section>
diff --git a/src/components/MDX/Sandpack/Console.tsx b/src/components/MDX/Sandpack/Console.tsx
index b5276fc13..fb0009209 100644
--- a/src/components/MDX/Sandpack/Console.tsx
+++ b/src/components/MDX/Sandpack/Console.tsx
@@ -165,7 +165,7 @@ export const SandpackConsole = ({visible}: {visible: boolean}) => {
           className="flex items-center p-1"
           onClick={() => setIsExpanded(!isExpanded)}>
           <IconChevron displayDirection={isExpanded ? 'down' : 'right'} />
-          <span className="ps-1 text-sm">Console ({logs.length})</span>
+          <span className="ps-1 text-sm">Консоль ({logs.length})</span>
         </button>
         <button
           className="p-1"
diff --git a/src/components/MDX/Sandpack/CustomPreset.tsx b/src/components/MDX/Sandpack/CustomPreset.tsx
index 7d6e566d2..186d611c2 100644
--- a/src/components/MDX/Sandpack/CustomPreset.tsx
+++ b/src/components/MDX/Sandpack/CustomPreset.tsx
@@ -103,7 +103,7 @@ const SandboxShell = memo(function SandboxShell({
                   className="inline me-1.5 text-xl"
                   displayDirection={isExpanded ? 'up' : 'down'}
                 />
-                {isExpanded ? 'Show less' : 'Show more'}
+                {isExpanded ? 'Згорнути' : 'Розгорнути'}
               </span>
             </button>
           )}
diff --git a/src/components/MDX/Sandpack/DownloadButton.tsx b/src/components/MDX/Sandpack/DownloadButton.tsx
index 94cf13ddc..101e6f255 100644
--- a/src/components/MDX/Sandpack/DownloadButton.tsx
+++ b/src/components/MDX/Sandpack/DownloadButton.tsx
@@ -100,9 +100,9 @@ ${css}
     <button
       className="text-sm text-primary dark:text-primary-dark inline-flex items-center hover:text-link duration-100 ease-in transition mx-1"
       onClick={downloadHTML}
-      title="Download Sandbox"
+      title="Завантажити пісочницю"
       type="button">
-      <IconDownload className="inline me-1" /> Download
+      <IconDownload className="inline me-1" /> Завантажити
     </button>
   );
 }
diff --git a/src/components/MDX/Sandpack/LoadingOverlay.tsx b/src/components/MDX/Sandpack/LoadingOverlay.tsx
index de883629c..b4180fae3 100644
--- a/src/components/MDX/Sandpack/LoadingOverlay.tsx
+++ b/src/components/MDX/Sandpack/LoadingOverlay.tsx
@@ -63,7 +63,7 @@ export const LoadingOverlay = ({
         opacity: stillLoading ? 1 : 0,
         transition: `opacity ${FADE_ANIMATION_DURATION}ms ease-out`,
       }}>
-      <div className="sp-cube-wrapper" title="Open in CodeSandbox">
+      <div className="sp-cube-wrapper" title="Відкрити в CodeSandbox">
         {/* @ts-ignore: the OpenInCodeSandboxButton type from '@codesandbox/sandpack-react/unstyled' is incompatible with JSX in React 19 */}
         <OpenInCodeSandboxButton />
         <div className="sp-cube">
diff --git a/src/components/MDX/Sandpack/OpenInCodeSandboxButton.tsx b/src/components/MDX/Sandpack/OpenInCodeSandboxButton.tsx
index a27122ed6..ae9081e8f 100644
--- a/src/components/MDX/Sandpack/OpenInCodeSandboxButton.tsx
+++ b/src/components/MDX/Sandpack/OpenInCodeSandboxButton.tsx
@@ -9,13 +9,13 @@ export const OpenInCodeSandboxButton = () => {
   return (
     <UnstyledOpenInCodeSandboxButton
       className="text-sm text-primary dark:text-primary-dark inline-flex items-center hover:text-link duration-100 ease-in transition mx-1 ms-2 md:ms-1"
-      title="Open in CodeSandbox">
+      title="Відкрити в CodeSandbox">
       <IconNewPage
         className="inline mx-1 relative top-[1px]"
         width="1em"
         height="1em"
       />
-      <span className="hidden md:block">Fork</span>
+      <span className="hidden md:block">Відгалузити</span>
     </UnstyledOpenInCodeSandboxButton>
   );
 };
diff --git a/src/components/MDX/Sandpack/OpenInTypeScriptPlayground.tsx b/src/components/MDX/Sandpack/OpenInTypeScriptPlayground.tsx
index 7284912e3..44354138f 100644
--- a/src/components/MDX/Sandpack/OpenInTypeScriptPlayground.tsx
+++ b/src/components/MDX/Sandpack/OpenInTypeScriptPlayground.tsx
@@ -12,7 +12,7 @@ export const OpenInTypeScriptPlaygroundButton = (props: {content: string}) => {
       href={`https://www.typescriptlang.org/play#src=${encodeURIComponent(
         contentWithReactImport
       )}`}
-      title="Open in TypeScript Playground"
+      title="Відкрити в TypeScript-пісочниці"
       target="_blank"
       rel="noreferrer">
       <IconNewPage
@@ -20,7 +20,7 @@ export const OpenInTypeScriptPlaygroundButton = (props: {content: string}) => {
         width="1em"
         height="1em"
       />
-      <span className="hidden md:block">TypeScript Playground</span>
+      <span className="hidden md:block">TypeScript-пісочниця</span>
     </a>
   );
 };
diff --git a/src/components/MDX/Sandpack/Preview.tsx b/src/components/MDX/Sandpack/Preview.tsx
index e4fe0afe4..d595c409c 100644
--- a/src/components/MDX/Sandpack/Preview.tsx
+++ b/src/components/MDX/Sandpack/Preview.tsx
@@ -189,7 +189,7 @@ export function Preview({
                 ? 'absolute opacity-0 pointer-events-none duration-75'
                 : 'opacity-100 duration-150'
             )}
-            title="Sandbox Preview"
+            title="Попередній перегляд пісочниці"
             style={{
               height: iframeComputedHeight || '15px',
               zIndex: isExpanded ? 'initial' : -1,
diff --git a/src/components/MDX/Sandpack/ResetButton.tsx b/src/components/MDX/Sandpack/ResetButton.tsx
index 0d1e22c80..2fbe6b157 100644
--- a/src/components/MDX/Sandpack/ResetButton.tsx
+++ b/src/components/MDX/Sandpack/ResetButton.tsx
@@ -13,9 +13,9 @@ export function ResetButton({onReset}: ResetButtonProps) {
     <button
       className="text-sm text-primary dark:text-primary-dark inline-flex items-center hover:text-link duration-100 ease-in transition mx-1"
       onClick={onReset}
-      title="Reset Sandbox"
+      title="Почати пісочницю наново"
       type="button">
-      <IconRestart className="inline mx-1 relative" /> Reset
+      <IconRestart className="inline mx-1 relative" /> Скинути
     </button>
   );
 }
diff --git a/src/components/MDX/TeamMember.tsx b/src/components/MDX/TeamMember.tsx
index 2c2fffa73..b8675b7c5 100644
--- a/src/components/MDX/TeamMember.tsx
+++ b/src/components/MDX/TeamMember.tsx
@@ -67,7 +67,7 @@ export function TeamMember({
             {twitter && (
               <div className="me-4">
                 <ExternalLink
-                  aria-label={`${name} on Twitter`}
+                  aria-label={`${name} у Twitter`}
                   href={`https://twitter.com/${twitter}`}
                   className="hover:text-primary hover:underline dark:text-primary-dark flex flex-row items-center">
                   <IconTwitter className="pe-1" />
@@ -78,7 +78,7 @@ export function TeamMember({
             {threads && (
               <div className="me-4">
                 <ExternalLink
-                  aria-label={`${name} on Threads`}
+                  aria-label={`${name} у Threads`}
                   href={`https://threads.net/${threads}`}
                   className="hover:text-primary hover:underline dark:text-primary-dark flex flex-row items-center">
                   <IconThreads className="pe-1" />
@@ -89,7 +89,7 @@ export function TeamMember({
             {bsky && (
               <div className="me-4">
                 <ExternalLink
-                  aria-label={`${name} on Bluesky`}
+                  aria-label={`${name} у Bluesky`}
                   href={`https://bsky.app/profile/${bsky}`}
                   className="hover:text-primary hover:underline dark:text-primary-dark flex flex-row items-center">
                   <IconBsky className="pe-1" />
@@ -100,7 +100,7 @@ export function TeamMember({
             {github && (
               <div className="me-4">
                 <ExternalLink
-                  aria-label="GitHub Profile"
+                  aria-label="Профіль у GitHub"
                   href={`https://github.com/${github}`}
                   className="hover:text-primary hover:underline dark:text-primary-dark flex flex-row items-center">
                   <IconGitHub className="pe-1" /> {github}
@@ -109,7 +109,7 @@ export function TeamMember({
             )}
             {personal && (
               <ExternalLink
-                aria-label="Personal Site"
+                aria-label="Персональний вебсайт"
                 href={`https://${personal}`}
                 className="hover:text-primary hover:underline dark:text-primary-dark flex flex-row items-center">
                 <IconLink className="pe-1" /> {personal}
diff --git a/src/components/MDX/YouWillLearnCard.tsx b/src/components/MDX/YouWillLearnCard.tsx
index d46a70277..8ee724403 100644
--- a/src/components/MDX/YouWillLearnCard.tsx
+++ b/src/components/MDX/YouWillLearnCard.tsx
@@ -28,7 +28,7 @@ function YouWillLearnCard({title, path, children}: YouWillLearnCardProps) {
           type="primary"
           size="md"
           label={title}>
-          Read More
+          Детальніше
           <IconNavArrow displayDirection="end" className="inline ms-1" />
         </ButtonLink>
       </div>
diff --git a/src/components/PageHeading.tsx b/src/components/PageHeading.tsx
index 6000c8e51..9416f99b5 100644
--- a/src/components/PageHeading.tsx
+++ b/src/components/PageHeading.tsx
@@ -33,7 +33,7 @@ function PageHeading({
           {title}
           {canary && (
             <IconCanary
-              title=" - This feature is available in the latest Canary"
+              title=" - ця функція доступна в останній canary-версії"
               className="ms-4 mt-1 text-gray-50 dark:text-gray-40 inline-block w-6 h-6 align-[-1px]"
             />
           )}
diff --git a/src/components/SocialBanner.tsx b/src/components/SocialBanner.tsx
index 2db62c994..38067ff61 100644
--- a/src/components/SocialBanner.tsx
+++ b/src/components/SocialBanner.tsx
@@ -9,7 +9,7 @@ import {ExternalLink} from './ExternalLink';
 
 const bannerText = 'Stream React Conf on May 15-16.';
 const bannerLink = 'https://conf.react.dev/';
-const bannerLinkText = 'Learn more.';
+const bannerLinkText = 'Детальніше.';
 
 export default function SocialBanner() {
   const ref = useRef<HTMLDivElement | null>(null);
diff --git a/src/components/Tag.tsx b/src/components/Tag.tsx
index 2e63a81f6..a777724ff 100644
--- a/src/components/Tag.tsx
+++ b/src/components/Tag.tsx
@@ -7,23 +7,23 @@ import type {RouteTag} from './Layout/getRouteMeta';
 
 const variantMap = {
   foundation: {
-    name: 'Foundation',
+    name: 'Початковий рівень',
     classes: 'bg-yellow-50 text-white',
   },
   intermediate: {
-    name: 'Intermediate',
+    name: 'Середній рівень',
     classes: 'bg-purple-40 text-white',
   },
   advanced: {
-    name: 'Advanced',
+    name: 'Високий рівень',
     classes: 'bg-green-40 text-white',
   },
   experimental: {
-    name: 'Experimental',
+    name: 'Експериментальне',
     classes: 'bg-ui-orange text-white',
   },
   deprecated: {
-    name: 'Deprecated',
+    name: 'Застаріле',
     classes: 'bg-red-40 text-white',
   },
 };
diff --git a/src/content/blog/index.md b/src/content/blog/index.md
index f7bbe76f3..6561e5ca0 100644
--- 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
index bfe67f55a..3bed9c743 100644
--- 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
index 27b32a18f..f5f7f70bc 100644
--- 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
index 1e28a27f0..56a3505f5 100644
--- 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
index da4ce0791..0cc293717 100644
--- 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
index 4c07e6a1e..e31b7b283 100644
--- 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
index 3fad95786..b1e0bea21 100644
--- 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/creating-a-react-app.md b/src/content/learn/creating-a-react-app.md
index 02b7113d5..0656b5268 100644
--- a/src/content/learn/creating-a-react-app.md
+++ b/src/content/learn/creating-a-react-app.md
@@ -104,10 +104,10 @@ App Router від Next.js також інтегрує [отримання дан
 
 Якщо ваш застосунок містить обмеження, які не спрацюють із наявними фреймворками, або ви бажаєте побудувати власний фреймворк чи розібратися в основах React-застосунку, є інші доступні варіанти для початку React-проєкту з нуля.
 
-Початок роботи з нуля надає вам більше гнучкості, але потребує від вас вибору інструментів для маршрутизації, отримання даних та інших типових патернів використання. Це дуже схоже на створення власного фреймворку замість використання наявного. [Фреймворки, які ми рекомендуємо](#recommended-react-frameworks), мають готові вбудовані рішення для цих проблем.
+Початок роботи з нуля надає вам більше гнучкості, але потребує від вас вибору інструментів для маршрутизації, отримання даних та інших типових патернів використання. Це дуже схоже на створення власного фреймворку замість використання наявного. [Фреймворки, які ми рекомендуємо](#full-stack-frameworks), мають готові вбудовані рішення для цих проблем.
 
 Якби ви хочете власне рішення, перегляньте наш посібник із [побудови React-застосунку з нуля](/learn/build-a-react-app-from-scratch), щоб отримати інструкції з налаштування нового React-проєкту, починаючи з інструментів збирання, як-от [Vite](https://vite.dev/), [Parcel](https://parceljs.org/) чи [RSbuild](https://rsbuild.dev/).
 
 -----
 
-_Якщо ви автор фреймворку та бажаєте додати його на цю сторінку, [будь ласка, напишіть нам](https://github.com/reactjs/react.dev/issues/new?assignees=&labels=type%3A+framework&projects=&template=3-framework.yml&title=%5BFramework%5D%3A+)._
\ No newline at end of file
+_Якщо ви автор фреймворку та бажаєте додати його на цю сторінку, [будь ласка, напишіть нам](https://github.com/reactjs/react.dev/issues/new?assignees=&labels=type%3A+framework&projects=&template=3-framework.yml&title=%5BFramework%5D%3A+)._
diff --git a/src/content/learn/describing-the-ui.md b/src/content/learn/describing-the-ui.md
index 3209b0dc7..95073027c 100644
--- 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
index 2cbde050a..a95146438 100644
--- 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
index 1c61d180a..aae421835 100644
--- 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
index 89f48212f..c0ef62fca 100644
--- 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
index ec2e1d2ee..f51db55eb 100644
--- 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
index 73eefae75..95d94f8c5 100644
--- 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
index b79b16db6..90650ac77 100644
--- 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
index bea11603d..35e63386e 100644
--- 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
index 988ec85dc..84167a1b9 100644
--- 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
index cbab4a0e6..7c4e2f2de 100644
--- 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
index 7ce3fab63..b5f9c50fa 100644
--- 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
index 6dea3a0fd..43111538f 100644
--- 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
index a68ddc014..db255cf94 100644
--- 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,7 +29,7 @@ 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:
 
@@ -37,6 +37,6 @@ React has idioms — or rules — for how to express patterns in a way that is e
 * [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
index b22a9c97e..774c43d3c 100644
--- 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
index dd5f7456c..5144bd5ca 100644
--- 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
index 5562a5a6c..aa09ae757 100644
--- 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
index ac8a172d5..329c1dd85 100644
--- a/src/sidebarCommunity.json
+++ b/src/sidebarCommunity.json
@@ -1,13 +1,13 @@
 {
-  "title": "Community",
+  "title": "Спільнота",
   "path": "/community",
   "routes": [
     {
       "hasSectionHeader": true,
-      "sectionHeader": "GET INVOLVED"
+      "sectionHeader": "ДОЛУЧИТИСЯ"
     },
     {
-      "title": "Community",
+      "title": "Спільнота",
       "path": "/community",
       "skipBreadcrumb": true,
       "routes": [
@@ -20,23 +20,23 @@
           "path": "/community/meetups"
         },
         {
-          "title": "React Videos",
+          "title": "Відео про React",
           "path": "/community/videos"
         },
         {
-          "title": "Meet the Team",
+          "title": "Команда React",
           "path": "/community/team"
         },
         {
-          "title": "Docs Contributors",
+          "title": "Автори документації",
           "path": "/community/docs-contributors"
         },
         {
-          "title": "Translations",
+          "title": "Переклади",
           "path": "/community/translations"
         },
         {
-          "title": "Acknowledgements",
+          "title": "Подяки",
           "path": "/community/acknowledgements"
         },
         {
diff --git a/src/sidebarHome.json b/src/sidebarHome.json
index 556ee78b1..d0b17a7e8 100644
--- a/src/sidebarHome.json
+++ b/src/sidebarHome.json
@@ -23,7 +23,7 @@
       "path": "/learn/describing-the-ui"
     },
     {
-      "title": "Adding Interactivity",
+      "title": "Додавання інтерактивності",
       "path": "/learn/adding-interactivity"
     },
     {
@@ -39,19 +39,19 @@
       "sectionHeader": "REACT API"
     },
     {
-      "title": "Hooks",
+      "title": "Хуки",
       "path": "/reference/react"
     },
     {
-      "title": "Components",
+      "title": "Компоненти",
       "path": "/reference/react/components"
     },
     {
-      "title": "APIs",
+      "title": "API",
       "path": "/reference/react/apis"
     },
     {
-      "title": "Legacy APIs",
+      "title": "Спадкові API",
       "path": "/reference/react/legacy"
     },
     {
@@ -59,35 +59,35 @@
       "sectionHeader": "REACT DOM API"
     },
     {
-      "title": "Components",
+      "title": "Компоненти",
       "path": "/reference/react-dom/components"
     },
     {
-      "title": "APIs",
+      "title": "API",
       "path": "/reference/react-dom"
     },
     {
-      "title": "Client APIs",
+      "title": "Клієнтські API",
       "path": "/reference/react-dom/client"
     },
     {
-      "title": "Server APIs",
+      "title": "Серверні API",
       "path": "/reference/react-dom/server"
     },
     {
       "hasSectionHeader": true,
-      "sectionHeader": "GET INVOLVED"
+      "sectionHeader": "ДОЛУЧИТИСЯ"
     },
     {
-      "title": "React Community",
+      "title": "Спільнота React",
       "path": "/community"
     },
     {
       "hasSectionHeader": true,
-      "sectionHeader": "STAY INFORMED"
+      "sectionHeader": "НОВИНИ"
     },
     {
-      "title": "React Blog",
+      "title": "Блог React",
       "path": "/blog"
     }
   ]
diff --git a/src/sidebarLearn.json b/src/sidebarLearn.json
index d4e171a14..c9c9a2180 100644
--- a/src/sidebarLearn.json
+++ b/src/sidebarLearn.json
@@ -83,7 +83,7 @@
           "path": "/learn/writing-markup-with-jsx"
         },
         {
-          "title": "JavaScript у JSX з фігурними дужками",
+          "title": "JavaScript у JSX із фігурними дужками",
           "path": "/learn/javascript-in-jsx-with-curly-braces"
         },
         {
diff --git a/src/sidebarReference.json b/src/sidebarReference.json
index a044c9f5b..2c3d63dc1 100644
--- a/src/sidebarReference.json
+++ b/src/sidebarReference.json
@@ -1,5 +1,5 @@
 {
-  "title": "API Reference",
+  "title": "Довідник API",
   "path": "/reference/react",
   "routes": [
     {
@@ -7,11 +7,11 @@
       "sectionHeader": "react@{{version}}"
     },
     {
-      "title": "Overview",
+      "title": "Вступ",
       "path": "/reference/react"
     },
     {
-      "title": "Hooks",
+      "title": "Хуки",
       "path": "/reference/react/hooks",
       "routes": [
         {
@@ -85,7 +85,7 @@
       ]
     },
     {
-      "title": "Components",
+      "title": "Компоненти",
       "path": "/reference/react/components",
       "routes": [
         {
@@ -107,7 +107,7 @@
       ]
     },
     {
-      "title": "APIs",
+      "title": "API",
       "path": "/reference/react/apis",
       "routes": [
         {
@@ -160,7 +160,7 @@
       "sectionHeader": "react-dom@{{version}}"
     },
     {
-      "title": "Hooks",
+      "title": "Хуки",
       "path": "/reference/react-dom/hooks",
       "routes": [
         {
@@ -170,7 +170,7 @@
       ]
     },
     {
-      "title": "Components",
+      "title": "Компоненти",
       "path": "/reference/react-dom/components",
       "routes": [
         {
@@ -224,7 +224,7 @@
       ]
     },
     {
-      "title": "APIs",
+      "title": "API",
       "path": "/reference/react-dom",
       "routes": [
         {
@@ -262,7 +262,7 @@
       ]
     },
     {
-      "title": "Client APIs",
+      "title": "Клієнтські API",
       "path": "/reference/react-dom/client",
       "routes": [
         {
@@ -276,7 +276,7 @@
       ]
     },
     {
-      "title": "Server APIs",
+      "title": "Серверні API",
       "path": "/reference/react-dom/server",
       "routes": [
         {
@@ -298,7 +298,7 @@
       ]
     },
     {
-      "title": "Static APIs",
+      "title": "Статичні API",
       "path": "/reference/react-dom/static",
       "routes": [
         {
@@ -313,10 +313,10 @@
     },
     {
       "hasSectionHeader": true,
-      "sectionHeader": "Rules of React"
+      "sectionHeader": "Правила React"
     },
     {
-      "title": "Overview",
+      "title": "Вступ",
       "path": "/reference/rules",
       "routes": [
         {
@@ -335,7 +335,7 @@
     },
     {
       "hasSectionHeader": true,
-      "sectionHeader": "React Server Components"
+      "sectionHeader": "Серверні компоненти React"
     },
     {
       "title": "Server Components",
@@ -361,10 +361,10 @@
     },
     {
       "hasSectionHeader": true,
-      "sectionHeader": "Legacy APIs"
+      "sectionHeader": "Спадкові API"
     },
     {
-      "title": "Legacy React APIs",
+      "title": "Спадкові API в React",
       "path": "/reference/react/legacy",
       "routes": [
         {
diff --git a/src/utils/prepareMDX.js b/src/utils/prepareMDX.js
index 20a22577d..5be1a3281 100644
--- a/src/utils/prepareMDX.js
+++ b/src/utils/prepareMDX.js
@@ -65,7 +65,7 @@ function getTableOfContents(children, depth) {
   if (anchors.length > 0) {
     anchors.unshift({
       url: '#',
-      text: 'Overview',
+      text: 'Вступ',
       depth: 2,
     });
   }
@@ -88,13 +88,13 @@ function extractHeaders(children, depth, out) {
         header = {
           url: '#challenges',
           depth: 2,
-          text: 'Challenges',
+          text: 'Завдання',
         };
       } else if (child.type === 'Recap') {
         header = {
           url: '#recap',
           depth: 2,
-          text: 'Recap',
+          text: 'Підсумок',
         };
       } else if (child.type === 'TeamMember') {
         header = {