Merge pull request #610 from reactjs/sync-65d297e9

Sync with react.dev @ 65d297e
Add translations for the 500 page 
Add versions and blog intro translations, add related changes

Author: alinkedd

TRANSLATION.md

@@ -180,11 +180,13 @@
 | package registry | реєстр пакетів |
 | paint | фарбування, перефарбування |
 | performance | продуктивність (TODO: розглянути "швидкодію") |
+| (blog) post | допис (у блозі) |
 | prop | проп |
 | props | пропси |
 | production | публічне середовище; впровадження |
 | production mode | (у режимі) публічного середовища; режим публічного впровадження |
 | reducer | редюсер |
+| release | реліз |
 | reuse | повторне використання, перевикористання |
 | React | React |
 | React element | React-елемент, елемент React |

public/fonts/Source-Code-Pro-Bold.woff2

@@ -864,7 +864,8 @@ function ExampleLayout({
           </div>
           <div
             ref={contentRef}
-            className="relative mt-0 lg:-my-20 w-full p-2.5 xs:p-5 lg:p-10 flex grow justify-center">
+            className="relative mt-0 lg:-my-20 w-full p-2.5 xs:p-5 lg:p-10 flex grow justify-center"
+            dir="ltr">
             {right}
             <div
               className={cn(

public/fonts/Source-Code-Pro-Regular.woff2

@@ -203,8 +203,12 @@ function LearnMore({
 
 function ReadBlogPost({path}: {path: string}) {
   return (
-    <ButtonLink className="mt-1" label="Read Post" href={path} type="primary">
-      Переглянути публікацію
+    <ButtonLink
+      className="mt-1"
+      label="Читати допис"
+      href={path}
+      type="primary">
+      Переглянути допис
       <IconNavArrow displayDirection="end" className="inline ms-1" />
     </ButtonLink>
   );

public/images/blog/react-labs-april-2025/flip.gif

@@ -1,7 +1,7 @@
 export const template = {
   '/src/index.js': {
     hidden: true,
-    code: `import React, { StrictMode } from "react";
+    code: `import { StrictMode } from "react";
 import { createRoot } from "react-dom/client";
 import "./styles.css";
 

src/components/Layout/HomeContent.js

@@ -27,7 +27,6 @@ function PageHeading({
   tags = [],
   breadcrumbs,
 }: PageHeadingProps) {
-  console.log('version', version);
   return (
     <div className="px-5 sm:px-12 pt-3.5">
       <div className="max-w-4xl ms-0 2xl:mx-auto">

src/components/MDX/MDXComponents.tsx

@@ -124,7 +124,14 @@ export const Seo = withRouter(
         )}
         <link
           rel="preload"
-          href="/fonts/Source-Code-Pro-Regular.woff2"
+          href="https://react.dev/fonts/Source-Code-Pro-Regular.woff2"
+          as="font"
+          type="font/woff2"
+          crossOrigin="anonymous"
+        />
+        <link
+          rel="preload"
+          href="https://react.dev/fonts/Source-Code-Pro-Bold.woff2"
           as="font"
           type="font/woff2"
           crossOrigin="anonymous"

src/components/MDX/Sandpack/template.ts

@@ -4,9 +4,9 @@ title: Блог React
 
 <Intro>
 
-This blog is the official source for the updates from the React team. Anything important, including release notes or deprecation notices, will be posted here first.
+Цей блог є офіційним джерелом оновлень від команди React. Все важливе, включно з нотатками релізу або повідомленнями про застарілі функції, буде опубліковано спершу тут.
 
-You can also follow the [@react.dev](https://bsky.app/profile/react.dev) account on Bluesky, or [@reactjs](https://twitter.com/reactjs) account on Twitter, but you won’t miss anything essential if you only read this blog.
+Ви також можете слідкувати за [@react.dev](https://bsky.app/profile/react.dev) на платформі Bluesky або за [@reactjs](https://twitter.com/reactjs) у Twitter, але ви не пропустите нічого суттєвого, якщо читатимете лише цей блог.
 
 </Intro>
 
@@ -112,14 +112,14 @@ The React team is excited to share a few updates:
 
 ---
 
-### All release notes {/*all-release-notes*/}
+### Усі нотатки до релізів {/*all-release-notes*/}
 
-Not every React release deserves its own blog post, but you can find a detailed changelog for every release in the [`CHANGELOG.md`](https://github.com/facebook/react/blob/main/CHANGELOG.md) file in the React repository, as well as on the [Releases](https://github.com/facebook/react/releases) page.
+Не кожен реліз React заслуговує на окремий допис у блозі, проте ви можете знайти детальний список змін для кожного релізу у файлі [`CHANGELOG.md`](https://github.com/facebook/react/blob/main/CHANGELOG.md) у репозиторії React, а також на сторінці ["Релізи"](https://github.com/facebook/react/releases).
 
 ---
 
-### Старіші публікації {/*older-posts*/}
+### Старіші дописи {/*older-posts*/}
 
-Перегляньте [старіші публікації.](https://reactjs.org/blog/all.html)
+Перегляньте [старіші дописи.](https://reactjs.org/blog/all.html)
 
 <div className="h-12"></div>