Finish translation of Reacting to Input with State #581

undead404 · 2024-12-29T20:27:43Z

No description provided.

vercel · 2024-12-29T20:27:47Z

The latest updates on your projects. Learn more about Vercel for Git ↗︎

1 Skipped Deployment

Name	Status	Preview	Comments	Updated (UTC)
uk-legacy-reactjs-org	⬜️ Ignored (Inspect)	Visit Preview		Jan 3, 2025 0:14am

github-actions · 2024-12-29T20:29:22Z

Size changes

📦 Next.js Bundle Analysis for react-dev

This analysis was generated by the Next.js Bundle Analysis action. 🤖

Five Pages Changed Size

The following pages changed size from the code in this PR compared to its base branch:

Page	Size (compressed)	First Load
`/404`	`106.41 KB` (🟡 +5 B)	210.79 KB
`/500`	`106.41 KB` (🟡 +5 B)	210.79 KB
`/[[...markdownPath]]`	`108.32 KB` (🟡 +5 B)	212.7 KB
`/errors`	`106.62 KB` (🟡 +5 B)	211 KB
`/errors/[errorCode]`	`106.6 KB` (🟡 +5 B)	210.98 KB

Details

Only the gzipped size is provided here based on an expert tip.

First Load is the size of the global bundle plus the bundle for the individual page. If a user were to show up to your website and land on a given page, the first load size represents the amount of javascript that user would need to download. If next/link is used, subsequent page loads would only need to download that page's bundle (the number in the "Size" column), since the global bundle has already been downloaded.

Any third party scripts you have added directly to your app using the <script> tag are not accounted for in this analysis

Next to the size is how much the size has increased or decreased compared with the base branch of this PR. If this percentage has increased by 10% or more, there will be a red status indicator applied, indicating that special attention should be given to this.

alinkedd

Перша частина перевірки (до step 3)

trigger поки залишаю як запустити/запуск [Suggestion]: Переклад Trigger #584
represent поки залишаю як представляти

src/content/learn/reacting-to-input-with-state.md

Co-authored-by: Alina Listunova <[email protected]>

undead404 · 2025-01-03T12:15:56Z

Звертаю увагу, що лишилась незакрита дискусія

alinkedd

Друга і фінальна частина перевірки

trigger змінено на тригер/збудити

alinkedd · 2025-01-06T16:24:05Z

src/content/learn/reacting-to-input-with-state.md


-Start with the state that *absolutely must* be there. For example, you'll need to store the `answer` for the input, and the `error` (if it exists) to store the last error:
+Почніть зі стану, який *абсолютно точно* повинен бути присутній. Наприклад, необхідно зберігати `answer` — значення поля, а також `error`, аби зберігати останню помилку:


Suggested change

Почніть зі стану, який *абсолютно точно* повинен бути присутній. Наприклад, необхідно зберігати `answer` — значення поля, а також `error`, аби зберігати останню помилку:

Почніть зі стану, який *безсумнівно повинен* бути присутній. Наприклад, необхідно зберігати `answer` — значення поля, а також за наявності `error` — останню помилку:

alinkedd · 2025-01-06T16:24:54Z

src/content/learn/reacting-to-input-with-state.md


 ```js
 const [answer, setAnswer] = useState('');
 const [error, setError] = useState(null);
 ```

-Then, you'll need a state variable representing which one of the visual states that you want to display. There's usually more than a single way to represent that in memory, so you'll need to experiment with it.
+Далі потрібна змінна стану, що представляє те, який з візуальних станів має бути виведений. Зазвичай є більш ніж один спосіб представити це в пам'яті, тому доведеться з цим поекспериментувати.


Suggested change

Далі потрібна змінна стану, що представляє те, який з візуальних станів має бути виведений. Зазвичай є більш ніж один спосіб представити це в пам'яті, тому доведеться з цим поекспериментувати.

Далі потрібна змінна стану, що представляє те, який із візуальних станів має бути виведений. Зазвичай є більш ніж один спосіб представити це в пам'яті, тому доведеться з цим поекспериментувати.

alinkedd · 2025-01-06T16:27:00Z

src/content/learn/reacting-to-input-with-state.md


-If you struggle to think of the best way immediately, start by adding enough state that you're *definitely* sure that all the possible visual states are covered:
+Якщо вам важко зразу вигадати найкращий спосіб, почніть з додавання такої кількості стану, щоб *точно* були покриті всі можливі візуальні стани:


Suggested change

Якщо вам важко зразу вигадати найкращий спосіб, почніть з додавання такої кількості стану, щоб *точно* були покриті всі можливі візуальні стани:

Якщо вам важко одразу вигадати найкращий спосіб, почніть із додавання такої кількості стану, щоб *напевно* були покриті всі можливі візуальні стани:

alinkedd · 2025-01-06T16:29:40Z

src/content/learn/reacting-to-input-with-state.md

@@ -371,39 +371,39 @@ const [isSuccess, setIsSuccess] = useState(false);
 const [isError, setIsError] = useState(false);
 ```

-Your first idea likely won't be the best, but that's ok--refactoring state is a part of the process!
+Ваш перший варіант навряд буде найкращим з можливих, але це нормально: рефакторинг стану — частина процесу розробки!


Suggested change

Ваш перший варіант навряд буде найкращим з можливих, але це нормально: рефакторинг стану — частина процесу розробки!

Ваш перший варіант навряд буде найкращим із можливих, але це нормально: рефакторинг стану — частина процесу розробки!

alinkedd · 2025-01-06T16:36:39Z

src/content/learn/reacting-to-input-with-state.md

-* **Is the same information available in another state variable already?** Another paradox: `isEmpty` and `isTyping` can't be `true` at the same time. By making them separate state variables, you risk them going out of sync and causing bugs. Fortunately, you can remove `isEmpty` and instead check `answer.length === 0`.
-* **Can you get the same information from the inverse of another state variable?** `isError` is not needed because you can check `error !== null` instead.
+* **Чи призводить цей стан до парадоксів?** Наприклад, `isTyping` і `isSubmitting` не можуть водночас бути `true`. Парадокс зазвичай означає, що на стан накладено недостатньо обмежень. Є чотири можливі комбінації двох булевих змінних, але лише три з них відповідають валідним станам. Щоб позбавитися "неможливого" стану, можна поєднати ці змінні в одну змінну `status`, яка повинна мати одне з трьох значень: `'typing'`, `'submitting'` або `'success'`.
+* **Чи доступна та сама інформація в іншій змінній стану?** Ще один парадокс: `isEmpty` й `isTyping` не можуть водночас бути `true`. Їхнє розділення приносить ризик того, що вони розсинхронізуються, що породить помилки. На щастя, можна вилучити `isEmpty`, а натомість перевіряти `answer.length === 0`.


Suggested change

* **Чи доступна та сама інформація в іншій змінній стану?** Ще один парадокс: `isEmpty` й `isTyping` не можуть водночас бути `true`. Їхнє розділення приносить ризик того, що вони розсинхронізуються, що породить помилки. На щастя, можна вилучити `isEmpty`, а натомість перевіряти `answer.length === 0`.

* **Чи доступна та сама інформація в іншій змінній стану?** Ще один парадокс: `isEmpty` й `isTyping` не можуть водночас мати значення `true`. Їхнє розділення загрожує можливою розсинхронізацією та породженням помилок. На щастя, можна вилучити `isEmpty`, а натомість перевіряти `answer.length === 0`.

alinkedd · 2025-01-06T18:05:15Z

src/content/learn/reacting-to-input-with-state.md


 </Solution>

-</Challenges>
+</Challenges>


що тут змінилося? забрав каретку?

alinkedd · 2025-01-06T18:06:08Z

src/content/learn/reacting-to-input-with-state.md

-4. **Remove** any non-essential state variables
-5. **Connect** the event handlers to set the state
+1. **З'ясуйте** різні візуальні стани свого компонента
+2. **Визначте**, що запускає ці зміни стану


Suggested change

2. **Визначте**, що запускає ці зміни стану

2. **Визначте**, що збуджує ці зміни стану

alinkedd · 2025-01-06T18:06:25Z

src/content/learn/reacting-to-input-with-state.md


-You can trigger state updates in response to two kinds of inputs:
+Запускати зміни стану можна у відповідь на два види введення:


Suggested change

Запускати зміни стану можна у відповідь на два види введення:

Збудити зміни стану можна у відповідь на два види введення:

alinkedd · 2025-01-06T18:06:55Z

src/content/learn/reacting-to-input-with-state.md


 </DeepDive>

-### Step 2: Determine what triggers those state changes {/*step-2-determine-what-triggers-those-state-changes*/}
+### Крок 2. Визначте, що запускає ці зміни стану {/*step-2-determine-what-triggers-those-state-changes*/}


Suggested change

### Крок 2. Визначте, що запускає ці зміни стану {/*step-2-determine-what-triggers-those-state-changes*/}

### Крок 2. Визначте, що збуджує ці зміни стану {/*step-2-determine-what-triggers-those-state-changes*/}

alinkedd · 2025-01-06T18:07:14Z

src/content/learn/reacting-to-input-with-state.md

+* Декларативне програмування означає описувати UI для кожного візуального стану, а не займатися мікроменеджментом UI (імперативним стилем).
+* Для розробки компонента:
+  1. З'ясуйте всі його візуальні стани.
+  2. Визначте людські та комп'ютерні пускачі змін стану.


Suggested change

2. Визначте людські та комп'ютерні пускачі змін стану.

2. Визначте людські та комп'ютерні тригери змін стану.

Finish translation of Reacting to Input with State

a6fe534

undead404 mentioned this pull request Dec 29, 2024

Finish translation of Reacting to Input with State #555

Closed

vercel bot deployed to Preview – uk-react-dev December 29, 2024 20:28 View deployment

alinkedd mentioned this pull request Dec 29, 2024

New Ukrainian Translation Progress #457

Open

alinkedd requested changes Jan 2, 2025

View reviewed changes

Apply suggestions from code review

990cfc2

Co-authored-by: Alina Listunova <[email protected]>

vercel bot deployed to Preview – uk-react-dev January 3, 2025 12:16 View deployment

alinkedd requested changes Jan 6, 2025

View reviewed changes

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Finish translation of Reacting to Input with State #581

Finish translation of Reacting to Input with State #581

undead404 commented Dec 29, 2024

vercel bot commented Dec 29, 2024 •

edited

Loading

github-actions bot commented Dec 29, 2024 •

edited

Loading

📦 Next.js Bundle Analysis for react-dev

Five Pages Changed Size

alinkedd left a comment

undead404 commented Jan 3, 2025

alinkedd left a comment

alinkedd Jan 6, 2025

alinkedd Jan 6, 2025

alinkedd Jan 6, 2025

alinkedd Jan 6, 2025

alinkedd Jan 6, 2025

alinkedd Jan 6, 2025

alinkedd Jan 6, 2025

alinkedd Jan 6, 2025

alinkedd Jan 6, 2025

alinkedd Jan 6, 2025


		Start with the state that absolutely must be there. For example, you'll need to store the `answer` for the input, and the `error` (if it exists) to store the last error:
		Почніть зі стану, який абсолютно точно повинен бути присутній. Наприклад, необхідно зберігати `answer` — значення поля, а також `error`, аби зберігати останню помилку:

	Почніть зі стану, який абсолютно точно повинен бути присутній. Наприклад, необхідно зберігати `answer` — значення поля, а також `error`, аби зберігати останню помилку:
	Почніть зі стану, який безсумнівно повинен бути присутній. Наприклад, необхідно зберігати `answer` — значення поля, а також за наявності `error` — останню помилку:

	Далі потрібна змінна стану, що представляє те, який з візуальних станів має бути виведений. Зазвичай є більш ніж один спосіб представити це в пам'яті, тому доведеться з цим поекспериментувати.
	Далі потрібна змінна стану, що представляє те, який із візуальних станів має бути виведений. Зазвичай є більш ніж один спосіб представити це в пам'яті, тому доведеться з цим поекспериментувати.


		If you struggle to think of the best way immediately, start by adding enough state that you're definitely sure that all the possible visual states are covered:
		Якщо вам важко зразу вигадати найкращий спосіб, почніть з додавання такої кількості стану, щоб точно були покриті всі можливі візуальні стани:

	Якщо вам важко зразу вигадати найкращий спосіб, почніть з додавання такої кількості стану, щоб точно були покриті всі можливі візуальні стани:
	Якщо вам важко одразу вигадати найкращий спосіб, почніть із додавання такої кількості стану, щоб напевно були покриті всі можливі візуальні стани:

	Ваш перший варіант навряд буде найкращим з можливих, але це нормально: рефакторинг стану — частина процесу розробки!
	Ваш перший варіант навряд буде найкращим із можливих, але це нормально: рефакторинг стану — частина процесу розробки!

	2. Визначте, що запускає ці зміни стану
	2. Визначте, що збуджує ці зміни стану


		You can trigger state updates in response to two kinds of inputs:
		Запускати зміни стану можна у відповідь на два види введення:

	Запускати зміни стану можна у відповідь на два види введення:
	Збудити зміни стану можна у відповідь на два види введення:

	### Крок 2. Визначте, що запускає ці зміни стану {/step-2-determine-what-triggers-those-state-changes/}
	### Крок 2. Визначте, що збуджує ці зміни стану {/step-2-determine-what-triggers-those-state-changes/}

	2. Визначте людські та комп'ютерні пускачі змін стану.
	2. Визначте людські та комп'ютерні тригери змін стану.

Finish translation of Reacting to Input with State #581

Are you sure you want to change the base?

Finish translation of Reacting to Input with State #581

Conversation

undead404 commented Dec 29, 2024

vercel bot commented Dec 29, 2024 • edited Loading

github-actions bot commented Dec 29, 2024 • edited Loading

Size changes

📦 Next.js Bundle Analysis for react-dev

Five Pages Changed Size

alinkedd left a comment

Choose a reason for hiding this comment

undead404 commented Jan 3, 2025

alinkedd left a comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

vercel bot commented Dec 29, 2024 •

edited

Loading

github-actions bot commented Dec 29, 2024 •

edited

Loading