From ab18d2f0f5151ab0c927a12eb0a64f8170762eff Mon Sep 17 00:00:00 2001 From: Laurent Thiebault Date: Thu, 6 Mar 2025 10:17:36 +0100 Subject: [PATCH 1/4] docs: update creating-a-react-app.md (broken link anchor) (#7671) --- src/content/learn/creating-a-react-app.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/content/learn/creating-a-react-app.md b/src/content/learn/creating-a-react-app.md index fc5019ece..fc6c956d4 100644 --- a/src/content/learn/creating-a-react-app.md +++ b/src/content/learn/creating-a-react-app.md @@ -104,10 +104,10 @@ Server Components and Suspense are React features rather than Next.js features. If your app has constraints not well-served by existing frameworks, you prefer to build your own framework, or you just want to learn the basics of a React app, there are other options available for starting a React project from scratch. -Starting from scratch gives you more flexibility, but does require that you make choices on which tools to use for routing, data fetching, and other common usage patterns. It's a lot like building your own framework, instead of using a framework that already exists. The [frameworks we recommend](#recommended-react-frameworks) have built-in solutions for these problems. +Starting from scratch gives you more flexibility, but does require that you make choices on which tools to use for routing, data fetching, and other common usage patterns. It's a lot like building your own framework, instead of using a framework that already exists. The [frameworks we recommend](#full-stack-frameworks) have built-in solutions for these problems. If you want to build your own solutions, see our guide to [build a React app from Scratch](/learn/build-a-react-app-from-scratch) for instructions on how to set up a new React project starting with a built tool like [Vite](https://vite.dev/), [Parcel](https://parceljs.org/), or [RSbuild](https://rsbuild.dev/). ----- -_If you’re a framework author interested in being included on this page, [please let us know](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 +_If you’re a framework author interested in being included on this page, [please let us know](https://github.com/reactjs/react.dev/issues/new?assignees=&labels=type%3A+framework&projects=&template=3-framework.yml&title=%5BFramework%5D%3A+)._ From d5bffce8cdedb8f61bd558078349f172d88cc4e4 Mon Sep 17 00:00:00 2001 From: alinkedd Date: Mon, 10 Mar 2025 18:32:16 +0100 Subject: [PATCH 2/4] Resolve merge conflicts --- src/content/learn/creating-a-react-app.md | 10 +--------- 1 file changed, 1 insertion(+), 9 deletions(-) diff --git a/src/content/learn/creating-a-react-app.md b/src/content/learn/creating-a-react-app.md index 3d409caa8..0656b5268 100644 --- a/src/content/learn/creating-a-react-app.md +++ b/src/content/learn/creating-a-react-app.md @@ -104,18 +104,10 @@ App Router від Next.js також інтегрує [отримання дан Якщо ваш застосунок містить обмеження, які не спрацюють із наявними фреймворками, або ви бажаєте побудувати власний фреймворк чи розібратися в основах React-застосунку, є інші доступні варіанти для початку React-проєкту з нуля. -<<<<<<< HEAD -Початок роботи з нуля надає вам більше гнучкості, але потребує від вас вибору інструментів для маршрутизації, отримання даних та інших типових патернів використання. Це дуже схоже на створення власного фреймворку замість використання наявного. [Фреймворки, які ми рекомендуємо](#recommended-react-frameworks), мають готові вбудовані рішення для цих проблем. -======= -Starting from scratch gives you more flexibility, but does require that you make choices on which tools to use for routing, data fetching, and other common usage patterns. It's a lot like building your own framework, instead of using a framework that already exists. The [frameworks we recommend](#full-stack-frameworks) have built-in solutions for these problems. ->>>>>>> ab18d2f0f5151ab0c927a12eb0a64f8170762eff +Початок роботи з нуля надає вам більше гнучкості, але потребує від вас вибору інструментів для маршрутизації, отримання даних та інших типових патернів використання. Це дуже схоже на створення власного фреймворку замість використання наявного. [Фреймворки, які ми рекомендуємо](#full-stack-frameworks), мають готові вбудовані рішення для цих проблем. Якби ви хочете власне рішення, перегляньте наш посібник із [побудови React-застосунку з нуля](/learn/build-a-react-app-from-scratch), щоб отримати інструкції з налаштування нового React-проєкту, починаючи з інструментів збирання, як-от [Vite](https://vite.dev/), [Parcel](https://parceljs.org/) чи [RSbuild](https://rsbuild.dev/). ----- -<<<<<<< HEAD _Якщо ви автор фреймворку та бажаєте додати його на цю сторінку, [будь ласка, напишіть нам](https://github.com/reactjs/react.dev/issues/new?assignees=&labels=type%3A+framework&projects=&template=3-framework.yml&title=%5BFramework%5D%3A+)._ -======= -_If you’re a framework author interested in being included on this page, [please let us know](https://github.com/reactjs/react.dev/issues/new?assignees=&labels=type%3A+framework&projects=&template=3-framework.yml&title=%5BFramework%5D%3A+)._ ->>>>>>> ab18d2f0f5151ab0c927a12eb0a64f8170762eff From e78e30f180c4f913b704dc021e8eadf37b9421c5 Mon Sep 17 00:00:00 2001 From: alinkedd Date: Tue, 11 Mar 2025 16:49:42 +0100 Subject: [PATCH 3/4] Add translations to components --- src/components/DocsFooter.tsx | 2 +- src/components/Layout/Feedback.tsx | 6 +-- src/components/Layout/Footer.tsx | 50 +++++++++---------- src/components/Layout/Page.tsx | 2 +- src/components/Layout/Sidebar/SidebarLink.tsx | 4 +- src/components/Layout/Toc.tsx | 2 +- src/components/Layout/TopNav/BrandMenu.tsx | 22 ++++---- src/components/Layout/TopNav/TopNav.tsx | 34 ++++++------- src/components/MDX/BlogCard.tsx | 4 +- src/components/MDX/Challenges/Challenge.tsx | 16 +++--- src/components/MDX/Challenges/Challenges.tsx | 2 +- src/components/MDX/Challenges/Navigation.tsx | 4 +- src/components/MDX/ConsoleBlock.tsx | 4 +- src/components/MDX/ExpandableCallout.tsx | 10 ++-- src/components/MDX/ExpandableExample.tsx | 6 +-- src/components/MDX/MDXComponents.tsx | 16 +++--- src/components/MDX/Recap.tsx | 2 +- src/components/MDX/Sandpack/Console.tsx | 2 +- src/components/MDX/Sandpack/CustomPreset.tsx | 2 +- .../MDX/Sandpack/DownloadButton.tsx | 4 +- .../MDX/Sandpack/LoadingOverlay.tsx | 2 +- .../MDX/Sandpack/OpenInCodeSandboxButton.tsx | 4 +- .../Sandpack/OpenInTypeScriptPlayground.tsx | 4 +- src/components/MDX/Sandpack/Preview.tsx | 2 +- src/components/MDX/Sandpack/ResetButton.tsx | 4 +- src/components/MDX/TeamMember.tsx | 10 ++-- src/components/MDX/YouWillLearnCard.tsx | 2 +- src/components/PageHeading.tsx | 2 +- src/components/SocialBanner.tsx | 2 +- src/components/Tag.tsx | 10 ++-- src/utils/prepareMDX.js | 6 +-- 31 files changed, 119 insertions(+), 123 deletions(-) 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({ />
- {type} + {type === 'Previous' ? 'Попередня' : 'Наступна'} {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} )}>

- {isSubmitted ? 'Thank you for your feedback!' : 'Is this page useful?'} + {isSubmitted ? 'Дякуємо за відгук!' : 'Ця сторінка корисна?'}

{!isSubmitted && (
- Logo by + Лого від @@ -313,72 +313,68 @@ export function Footer() {
- Learn React - - Quick Start - Installation - - Describing the UI + Вивчення React + Швидкий старт + Встановлення + Написання UI - Adding Interactivity + Додавання інтерактивності Managing State Escape Hatches
- API Reference + Довідник API - React APIs - React DOM APIs + React: API + React DOM: API
- Community + Спільнота - Code of Conduct + Кодекс поведінки - Meet the Team + Команда React - Docs Contributors - - - Acknowledgements + Автори документації + Подяки
- More - Blog + Більше + Блог React Native - Privacy + Політика конфіденційності - Terms + Умови використання
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({ 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' && ( React 19 )} {version === 'canary' && ( )} 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}) {