Translate sharing state between components #594
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
|
The latest updates on your projects. Learn more about Vercel for Git ↗︎ 1 Skipped Deployment
|
alinkedd
requested changes
Mar 3, 2025
Dmytrii248
force-pushed
the
translate-sharing-state-between-components
branch
from
b84bd0b to
02658a1
Compare
Dmytrii248
force-pushed
the
translate-sharing-state-between-components
branch
from
02658a1 to
2074778
Compare
Dmytrii248
force-pushed
the
translate-sharing-state-between-components
branch
from
2074778 to
521f8b2
Compare
alinkedd
requested changes
Apr 5, 2025
There was a problem hiding this comment.
Будь ласка, якщо згоден зі змінами, додавай їх через кнопку Add suggestion to batch на вкладі Files changed https://docs.github.com/en/pull-requests/collaborating-with-pull-requests/reviewing-changes-in-pull-requests/incorporating-feedback-in-your-pull-request#applying-suggested-changes, бо тоді я точно знатиму, що виправлення додані саме так, як я написала, а треди будуть закриті автоматично
| With a population of about 2 million, Almaty is Kazakhstan's largest city. From 1929 to 1997, it was its capital city. | ||
| <h2>Алмати, Казахстан</h2> | ||
| <Panel title="Про Алмати"> | ||
| З майже 2-мільйонним населеннм Алмати є найбільшим містом в Казахстані. З 1929 до 1997 воно було його столицею. |
There was a problem hiding this comment.
Suggested change
| З майже 2-мільйонним населеннм Алмати є найбільшим містом в Казахстані. З 1929 до 1997 воно було його столицею. | |
| З майже 2-мільйонним населенням Алмати є найбільшим містом в Казахстані. З 1929 до 1997 воно було його столицею. |
| <Panel title="Etymology"> | ||
| The name comes from <span lang="kk-KZ">алма</span>, the Kazakh word for "apple" and is often translated as "full of apples". In fact, the region surrounding Almaty is thought to be the ancestral home of the apple, and the wild <i lang="la">Malus sieversii</i> is considered a likely candidate for the ancestor of the modern domestic apple. | ||
| <Panel title="Етимологія"> | ||
| Назва походить від казахського слова <span lang="kk-KZ">алма</span>, що означає "яблуко" і часто перекладалось як "повний яблук". Насправді регіон, який оточує Алмати вважається прабатьківщиною яблука, а дика <i lang="la">Malus sieversii</i> - ймовірним кандидатом на предка сучасного домашнього яблука. |
There was a problem hiding this comment.
Suggested change
| Назва походить від казахського слова <span lang="kk-KZ">алма</span>, що означає "яблуко" і часто перекладалось як "повний яблук". Насправді регіон, який оточує Алмати вважається прабатьківщиною яблука, а дика <i lang="la">Malus sieversii</i> - ймовірним кандидатом на предка сучасного домашнього яблука. | |
| Назва походить від казахського слова <span lang="kk-KZ">алма</span>, що означає "яблуко" і часто перекладалось як "повний яблук". Насправді регіон, який оточує Алмати, вважається прабатьківщиною яблука, а дика <i lang="la">Malus sieversii</i> — ймовірним кандидатом на предка сучасного домашнього яблука. |
| @@ -73,59 +73,59 @@ h3, p { margin: 5px 0px; } | |||
|
|
|||
| </Sandpack> | |||
|
|
|||
| Notice how pressing one panel's button does not affect the other panel--they are independent. | |||
| Зверніть увагу, що натискання кнопки однієї панелі не впливає на іншу панель -- вони незалежні. | |||
There was a problem hiding this comment.
Suggested change
| Зверніть увагу, що натискання кнопки однієї панелі не впливає на іншу панель -- вони незалежні. | |
| Зверніть увагу, що натискання кнопки однієї панелі не впливає на іншу панель — вони незалежні. |
|
|
||
| <DiagramGroup> | ||
|
|
||
| <Diagram name="sharing_state_child" height={367} width={477} alt="Diagram showing a tree of three components, one parent labeled Accordion and two children labeled Panel. Both Panel components contain isActive with value false."> | ||
| <Diagram name="sharing_state_child" height={367} width={477} alt="Діаграма показує дерево з трьох компонентів, один батьківський із міткою Accordion і два дочірні з мітками Panel. Обидва компоненти Panel містять isActive зі значенням false."> |
There was a problem hiding this comment.
Suggested change
| <Diagram name="sharing_state_child" height={367} width={477} alt="Діаграма показує дерево з трьох компонентів, один батьківський із міткою Accordion і два дочірні з мітками Panel. Обидва компоненти Panel містять isActive зі значенням false."> | |
| <Diagram name="sharing_state_child" height={367} width={477} alt="Діаграма показує дерево з трьох компонентів: один батьківський із міткою Accordion і два дочірні з мітками Panel. Обидва компоненти Panel містять isActive зі значенням false."> |
|
|
||
| ```js | ||
| function Panel({ title, children, isActive }) { | ||
| ``` | ||
|
|
||
| Now the `Panel`'s parent component can *control* `isActive` by [passing it down as a prop.](/learn/passing-props-to-a-component) Conversely, the `Panel` component now has *no control* over the value of `isActive`--it's now up to the parent component! | ||
| Тепер батьківський компонент `Panel` може *контролювати* `isActive`, [передаючи його як проп.](/learn/passing-props-to-a-component) І навпаки: `Panel` тепер *не має контролю* над значенням `isActive` -- тепер це залежить від батьківського компонента! |
There was a problem hiding this comment.
Suggested change
| Тепер батьківський компонент `Panel` може *контролювати* `isActive`, [передаючи його як проп.](/learn/passing-props-to-a-component) І навпаки: `Panel` тепер *не має контролю* над значенням `isActive` -- тепер це залежить від батьківського компонента! | |
| Тепер батьківський компонент `Panel` може *контролювати* `isActive`, [передаючи його як проп.](/learn/passing-props-to-a-component) І навпаки: `Panel` тепер *не має контролю* над значенням `isActive` — тепер це залежить від батьківського компонента! |
Ми використовуємо саме юнікодовський символ тире, а не його замінники, як html entities чи послідовність для постпроцесора
| name: 'Sushi', | ||
| description: 'Sushi is a traditional Japanese dish of prepared vinegared rice' | ||
| name: 'Суші', | ||
| description: 'Суші -- традиційна японська страва з готового рису, заправленого оцтом' |
There was a problem hiding this comment.
Suggested change
| description: 'Суші -- традиційна японська страва з готового рису, заправленого оцтом' | |
| description: 'Суші — традиційна японська страва з готового рису, заправленого оцтом.' |
| name: 'Dal', | ||
| description: 'The most common way of preparing dal is in the form of a soup to which onions, tomatoes and various spices may be added' | ||
| name: 'Дал', | ||
| description: 'Найпоширеніший спосіб приготування дала - у вигляді супу, до якого можуть додавати цибулю, помідори та різні спеції' |
There was a problem hiding this comment.
Suggested change
| description: 'Найпоширеніший спосіб приготування дала - у вигляді супу, до якого можуть додавати цибулю, помідори та різні спеції' | |
| description: 'Найпоширеніший спосіб приготування дала — це суп, до якого можуть додавати цибулю, помідори та різні спеції.' |
| name: 'Pierogi', | ||
| description: 'Pierogi are filled dumplings made by wrapping unleavened dough around a savoury or sweet filling and cooking in boiling water' | ||
| name: 'Пироги', | ||
| description: 'Пироги -- це вареники з начинкою, які готуються шляхом обгортання прісного тіста навколо солоної або солодкої начинки і варіння в киплячій воді' |
There was a problem hiding this comment.
Suggested change
| description: 'Пироги -- це вареники з начинкою, які готуються шляхом обгортання прісного тіста навколо солоної або солодкої начинки і варіння в киплячій воді' | |
| description: 'Пироги — це вареники з начинкою, які готуються через обгортання прісного тіста навколо солоної або солодкої начинки і варіння в киплячій воді.' |
| name: 'Shish kebab', | ||
| description: 'Shish kebab is a popular meal of skewered and grilled cubes of meat.' | ||
| name: 'Шиш-кебаб', | ||
| description: 'Шиш-кебаб -- популярна страва з кубиків м\'яса, нанизаних на шампур і приготованих на грилі.' |
There was a problem hiding this comment.
Suggested change
| description: 'Шиш-кебаб -- популярна страва з кубиків м\'яса, нанизаних на шампур і приготованих на грилі.' | |
| description: 'Шиш-кебаб — популярна страва з кубиків м\'яса, нанизаних на шампур і приготованих на грилі.' |
| name: 'Dim sum', | ||
| description: 'Dim sum is a large range of small dishes that Cantonese people traditionally enjoy in restaurants for breakfast and lunch' | ||
| name: 'Дімсам', | ||
| description: 'Дімсам -- це великий асортимент невеликих страв, якими кантонці традиційно насолоджуються в ресторанах на сніданок та обід.' |
There was a problem hiding this comment.
Suggested change
| description: 'Дімсам -- це великий асортимент невеликих страв, якими кантонці традиційно насолоджуються в ресторанах на сніданок та обід.' | |
| description: 'Дімсам — це великий асортимент невеликих страв, якими кантонці традиційно насолоджуються в ресторанах на сніданок та обід.' |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Translate sharing state between components page