Merge branch 'main' into updating-arrays-in-state

Author: astropsy999

TRANSLATION.md

@@ -16,6 +16,18 @@
 - Вичитуйте тексти, що перекладені за допомогою зовнішніх сервісів (Google Translate, ChatGPT тощо).
 - Якщо український відповідник є рідковживаним або має декілька значень, то краще залишити після нього оригінальне слово у дужках, щоб полегшити розуміння читачем.
 
+### Заміна посилань
+
+Потрібно замінювати посилання на матеріал англійською посиланням на його переклад українською, якщо такий переклад існує. Нижче наведена таблиця вебсайтів, що мають українські відповідники, де варто шукати заміну зовнішнім посиланням.
+
+| Оригінальний сайт     | Варіант українською |
+| --------------------- | ------------------- |
+| en.wikipedia.org      | uk.wikipedia.org    |
+| javascript.info       | uk.javascript.info  |
+| developer.mozilla.org | webdoky.org         |
+
+Цей список не є вичерпним.
+
 ## Процес перевірки перекладу
 
 1. Мейнтейнер переглядає усі змінені файли PR'у.
@@ -73,6 +85,17 @@
 | Орудний | _бандлером_ | _бандлерами_ |
 | Місцевий | _бандлері_ | _бандлерах_ |
 
+Снепшот
+
+| Відмінок  | Однина                  | Множина      |
+| --------- | ----------------------- | ------------ |
+| Називний  | _снепшот_               | _снепшоти_   |
+| Родовий   | _снепшоту_              | _снепшотів_  |
+| Давальний | _снепшоту_/_снепшотові_ | _снепшотам_  |
+| Знахідний | _снепшот_               | _снепшоти_   |
+| Орудний   | _снепшотом_             | _снепшотами_ |
+| Місцевий  | _снепшоті_/_cнепшотові_ | _снепшотах_  |
+
 ## Таблиця перекладів
 
 | Оригінал | Переклад |
@@ -159,9 +182,11 @@
 | shallow | поверхове(а) (порівняння, рівність), поверховий (рендер) |
 | side effect | побічний ефект |
 | single-page application | односторінковий застосунок |
+| snapshot | снепшот |
 | state | стан |
 | stateful component | компонент зі станом |
 | stateless component | компонент без стану |
+| strict mode | суворий режим |
 | suspense | затримка |
 | tag | тег |
 | template literals | шаблонні рядки |

src/content/community/conferences.md

@@ -40,6 +40,10 @@ September 19-21, 2024. Alicante, Spain.
 
 [Website](https://reactalicante.es/) - [Twitter](https://twitter.com/ReactAlicante) - [YouTube](https://www.youtube.com/channel/UCaSdUaITU1Cz6PvC97A7e0w)
 
+### RenderCon Kenya 2024 {/*rendercon-kenya-2024*/}
+October 04 - 05, 2024. Nairobi, Kenya
+
+[Website](https://rendercon.org/) - [Twitter](https://twitter.com/renderconke) - [LinkedIn](https://www.linkedin.com/company/renderconke/) - [YouTube](https://www.youtube.com/channel/UC0bCcG8gHUL4njDOpQGcMIA)
 
 ### React India 2024 {/*react-india-2024*/}
 October 17 - 19, 2024. In-person in Goa, India (hybrid event) + Oct 15 2024 - remote day

src/content/learn/add-react-to-an-existing-project.md

@@ -34,7 +34,7 @@ title: Інтеграція React в існуючий проект
 
 Ви можете зробити це у два кроки:
 
-1. **Налаштуйте JavaScript середовище**, яке б дозволяло вам використовувати [JSX синтаксис](/learn/writing-markup-with-jsx), розділіть ваш код на модулі з [`import`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import) / [`export`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/export) синтаксисом і користуйтеся пакетами (наприклад, React) з [npm](https://www.npmjs.com/) реєстру пакетів.
+1. **Налаштуйте JavaScript середовище**, яке б дозволяло вам використовувати [JSX синтаксис](/learn/writing-markup-with-jsx), розділіть ваш код на модулі з [`import`](https://webdoky.org/uk/docs/Web/JavaScript/Reference/Statements/import) / [`export`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/export) синтаксисом і користуйтеся пакетами (наприклад, React) з [npm](https://www.npmjs.com/) реєстру пакетів.
 2. **Рендеріть ваші React компоненти** там, де ви б хотіли бачити їх на сторінці.
 
 Конкретний підхід залежить від налаштувань вашої існуючої сторінки, тому розглянемо деякі деталі.

src/content/learn/adding-interactivity.md

@@ -265,7 +265,7 @@ setCount(count + 1); // Request a re-render with 1
 console.log(count);  // Still 0!
 ```
 
-This behavior help you avoid subtle bugs. Here is a little chat app. Try to guess what happens if you press "Send" first and *then* change the recipient to Bob. Whose name will appear in the `alert` five seconds later?
+This behavior helps you avoid subtle bugs. Here is a little chat app. Try to guess what happens if you press "Send" first and *then* change the recipient to Bob. Whose name will appear in the `alert` five seconds later?
 
 <Sandpack>
 

src/content/learn/conditional-rendering.md

@@ -54,7 +54,7 @@ export default function PackingList() {
 
 Зверніть увагу, що деякі компоненти `Item` мають проп `isPacked` встановлений на `true` замість `false`. Ви хочете додати позначку (✔) до запакованих речей, якщо `isPacked={true}`.
 
-Ви можете зробити це за допомогою [оператора `if`/`else`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/if...else) ось так:
+Ви можете зробити це за допомогою [оператора `if`/`else`](https://webdoky.org/uk/docs/Web/JavaScript/Reference/Statements/if...else) ось так:
 
 ```js
 if (isPacked) {
@@ -181,7 +181,7 @@ return <li className="item">{name}</li>;
 
 ### Умовний (тернарний) оператор (`? :`) {/*conditional-ternary-operator--*/}
 
-JavaScript має компактний синтаксис для написання умовного виразу -- [умовний оператор](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Conditional_Operator) або "тернарний оператор".
+JavaScript має компактний синтаксис для написання умовного виразу -- [умовний оператор](https://webdoky.org/uk/docs/Web/JavaScript/Reference/Operators/Conditional_operator) або "тернарний оператор".
 
 Замість цього:
 
@@ -260,7 +260,7 @@ export default function PackingList() {
 
 ### Логічний оператор AND (`&&`) {/*logical-and-operator-*/}
 
-Ще одне поширене скорочення, з яким ви зіткнетеся -- [логічний оператор AND (`&&`) JavaScript.](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Logical_AND#:~:text=The%20logical%20AND%20(%20%26%26%20)%20operator,it%20returns%20a%20Boolean%20value.) Всередині компонентів React він часто з'являється, коли ви хочете відрендерити деякий JSX, коли умова є `true`, **або нічого не рендерити в іншому випадку.** З `&&` ви могли б умовно відрендерити позначку, лише якщо `isPacked` є `true`:
+Ще одне поширене скорочення, з яким ви зіткнетеся -- [логічний оператор AND (`&&`) JavaScript.](https://webdoky.org/uk/docs/Web/JavaScript/Reference/Operators/Logical_AND#:~:text=The%20logical%20AND%20(%20%26%26%20)%20operator,it%20returns%20a%20Boolean%20value.) Всередині компонентів React він часто з'являється, коли ви хочете відрендерити деякий JSX, коли умова є `true`, **або нічого не рендерити в іншому випадку.** З `&&` ви могли б умовно відрендерити позначку, лише якщо `isPacked` є `true`:
 
 ```js
 return (
@@ -310,7 +310,7 @@ export default function PackingList() {
 
 </Sandpack>
 
-[JavaScript && вираз](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Logical_AND) повертає значення своєї правої сторони (у нашому випадку, позначку) якщо ліва сторона (наша умова) `true`. Але якщо умова `false`, то весь вираз стає `false`. React розглядає `false` як "діру" в JSX дереві, так само як `null` або `undefined`, і не рендерить нічого на його місці.
+[JavaScript && вираз](https://webdoky.org/uk/docs/Web/JavaScript/Reference/Operators/Logical_AND) повертає значення своєї правої сторони (у нашому випадку, позначку) якщо ліва сторона (наша умова) `true`. Але якщо умова `false`, то весь вираз стає `false`. React розглядає `false` як "діру" в JSX дереві, так само як `null` або `undefined`, і не рендерить нічого на його місці.
 
 
 <Pitfall>
@@ -327,7 +327,7 @@ export default function PackingList() {
 
 ### Умовне присвоєння JSX змінній {/*conditionally-assigning-jsx-to-a-variable*/}
 
-Коли скорочення заважають писати звичайний код, спробуйте використати оператор `if` та змінну. Ви можете переприсвоювати змінні, визначені за допомогою [`let`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/let), тому почніть з задання вмісту за замовчуванням, який ви хочете відобразити, name:
+Коли скорочення заважають писати звичайний код, спробуйте використати оператор `if` та змінну. Ви можете переприсвоювати змінні, визначені за допомогою [`let`](https://webdoky.org/uk/docs/Web/JavaScript/Reference/Statements/let), тому почніть з задання вмісту за замовчуванням, який ви хочете відобразити, name:
 
 ```js
 let itemContent = name;