Translate "Thinking in React" into Ukrainian #24
Merged
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
|
Deploy preview for uk-reactjs ready! Built with commit 4ac9024 |
oleksii-polovyi
requested changes
Feb 22, 2019
|
@tesseralis @klymenkoo
|
liashchynskyi
suggested changes
Feb 22, 2019
oleksii-polovyi
requested changes
Feb 22, 2019
92 tasks
|
@ApolllonDev, @mihilbabin, @liashchynskyi please review 2nd half of the translation. |
liashchynskyi
suggested changes
Feb 26, 2019
content/docs/thinking-in-react.md
Outdated
|
|
||
| Remember: React is all about one-way data flow down the component hierarchy. It may not be immediately clear which component should own what state. **This is often the most challenging part for newcomers to understand,** so follow these steps to figure it out: | ||
| Пам'ятайте: у React односторонній потік даних, який сходить згори вниз в ієрархичному порядку. Спочатку може бути не зовсім ясно, який з компонентів повинен володіти яким станом. **На цьому етапі новачки спотикаються найчастіше,** тому дотримуйтеся цих вказівок, щоб розібратися: |
There was a problem hiding this comment.
тут, напевно, варто якось переформулювати. може так: Спочатку може бути не зовсім зрозуміло, який із компонентів, яким станом повинен володіти.
можливо є ще якісь варіанти?
There was a problem hiding this comment.
З приводу формулювання - Не відразу очевидно..., як на мене, кращий початок речення. @liashchynskyi теж пропонує хороший варіант.
content/docs/thinking-in-react.md
Outdated
| * Either the common owner or another component higher up in the hierarchy should own the state. | ||
| * If you can't find a component where it makes sense to own the state, create a new component simply for holding the state and add it somewhere in the hierarchy above the common owner component. | ||
| * Визначте компоненти, які рендерять щось на основі цього стану. | ||
| * Знайдіть спільний чільний компонент (компонент, розташований над іншими компонентами, яким потрібен цей стан). |
There was a problem hiding this comment.
чільний -> певно краще буде батьківський або спільний
There was a problem hiding this comment.
спільний батьківський, або ж спільний компонент-власник.
content/docs/thinking-in-react.md
Outdated
| * If you can't find a component where it makes sense to own the state, create a new component simply for holding the state and add it somewhere in the hierarchy above the common owner component. | ||
| * Визначте компоненти, які рендерять щось на основі цього стану. | ||
| * Знайдіть спільний чільний компонент (компонент, розташований над іншими компонентами, яким потрібен цей стан). | ||
| * Або спільний чільний компонент, або будь-який компонент, що стоїть вище за ієрархією, повинен містити стан. |
There was a problem hiding this comment.
тут також (див. попередній)
content/docs/thinking-in-react.md
Outdated
| * Визначте компоненти, які рендерять щось на основі цього стану. | ||
| * Знайдіть спільний чільний компонент (компонент, розташований над іншими компонентами, яким потрібен цей стан). | ||
| * Або спільний чільний компонент, або будь-який компонент, що стоїть вище за ієрархією, повинен містити стан. | ||
| * Якщо вам не вдається знайти відповідний компонент, створіть один виключно для стану та розмістить його вище за ієрархією над загальним чільним компонентом. |
content/docs/thinking-in-react.md
Outdated
| * The common owner component is `FilterableProductTable`. | ||
| * It conceptually makes sense for the filter text and checked value to live in `FilterableProductTable` | ||
| * Завдання `ProductTable` – відфільтрувати список товарів, базуючись на стані, а завдання `SearchBar` – відобразити стан для пошукового запиту та прапорця. | ||
| * Спільний чільний компонент для обох – `FilterableProductTable`. |
content/docs/thinking-in-react.md
Outdated
|
|
||
| You can start seeing how your application will behave: set `filterText` to `"ball"` and refresh your app. You'll see that the data table is updated correctly. | ||
| Ви помітите зміни у поведінці вашого додатку: задайте значення `"ball"` для `filterText` та обновіть сторінку.Ви побачите відповідні зміни в таблиці даних. |
There was a problem hiding this comment.
перед Ви побачите пропустили пробіл
content/docs/thinking-in-react.md
Outdated
|
|
||
| Hopefully, this gives you an idea of how to think about building components and applications with React. While it may be a little more typing than you're used to, remember that code is read far more than it's written, and it's extremely easy to read this modular, explicit code. As you start to build large libraries of components, you'll appreciate this explicitness and modularity, and with code reuse, your lines of code will start to shrink. :) | ||
| Сподіваємося, що цей приклад допоможе вам отримати краще уявлення про те, як підійти до створення компонентів і додатків у React. Хоча цей процес і використовує трохи більше коду, пам'ятайте: код читають частіше, ніж пишуть. А такий модульний та прямий код, як в нашому додатку, читається дуже легко. Коли ви почнете створювати великі бібліотеки компонентів, ви зможете по-справжньому оцінити прямолінійність і зв'язаність React, а повторно використовувані компоненти зроблять ваш код набагато менше. :) |
There was a problem hiding this comment.
аш код набагато менше -> аш код набагато коротшим
mihilbabin
reviewed
Feb 26, 2019
content/docs/thinking-in-react.md
Outdated
| * It conceptually makes sense for the filter text and checked value to live in `FilterableProductTable` | ||
| * Завдання `ProductTable` – відфільтрувати список товарів, базуючись на стані, а завдання `SearchBar` – відобразити стан для пошукового запиту та прапорця. | ||
| * Спільний чільний компонент для обох – `FilterableProductTable`. | ||
| * За ідеєю, є сенс утримувати текст фільтра та значення прапорця в `FilterableProductTable` |
There was a problem hiding this comment.
Згідно ідеї/концепту і краще помістити, а не утримувати.
|
@mihilbabin, @liashchynskyi пофіксив ✅ |
|
Питань немає:) |
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.
This PR contains a Ukrainian translation of
Thinking in Reactdocument.At the moment, only the first half of the document is translated. As the document is quite big, I push the first half of it, so people can start reviewing it.
The second half is in progress 🔜