New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Scaling up with reducer and context ru #981

Open

x1agy wants to merge 2 commits into reactjs:main from x1agy:scaling-up-with-reducer-and-context-ru

x1agy commented Oct 29, 2024

Если ваш пулреквест является исправлением бага, а не переводом, то сперва убедитесь, что проблема относится ТОЛЬКО к https://ru.reactjs.org, а не к https://reactjs.org. Если это не так, то пулреквест следует открыть в родительском репозитории.

x1agy added 2 commits

October 24, 2024 23:15


          docs: translated tutor until first step

31164d3


          docs: completed translate

c7d3abf

vercel bot commented Oct 29, 2024 •

edited

Loading

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

1 Skipped Deployment

Name	Status	Preview	Comments	Updated (UTC)
ru-legacy-reactjs-org	⬜️ Ignored (Inspect)	Visit Preview		Oct 29, 2024 6:06pm

x1agy mentioned this pull request

New Russian Translation Progress #843

Open

vercel bot deployed to Preview – ru-react-dev

October 29, 2024 18:08

View deployment

titovmx requested changes

View reviewed changes

Collaborator

titovmx left a comment

Спасибо! Хорошая адаптация. Есть повторяющиеся проблемы с пунктуацией, союзами и буквой ё - перепроверьте, пожалуйста.

src/content/learn/scaling-up-with-reducer-and-context.md

    
              In this example from [the introduction to reducers](/learn/extracting-state-logic-into-a-reducer), the state is managed by a reducer. The reducer function contains all of the state update logic and is declared at the bottom of this file:

              В этом примере из [введения в редюсеры](/learn/extracting-state-logic-into-a-reducer), состояние контролируется редюсером. Функция редюсер содержит в себе всю логику обновления состояния и объявлена в нижней части этого файла:

Collaborator

titovmx Nov 19, 2024

Suggested change

      
            В этом примере из [введения в редюсеры](/learn/extracting-state-logic-into-a-reducer), состояние контролируется редюсером. Функция редюсер содержит в себе всю логику обновления состояния и объявлена в нижней части этого файла:
          
            В этом примере из [введения в редюсеры](/learn/extracting-state-logic-into-a-reducer), состояние контролируется редюсером. Функция-редюсер содержит в себе всю логику обновления состояния и объявлена в нижней части этого файла:

В данном случае это сложное существительное, состоящее из двух слов, для которого нужно использовать дефис

src/content/learn/scaling-up-with-reducer-and-context.md

    
            @@ -207,9 +207,9 @@ ul, li { margin: 0; padding: 0; }
          
              </Sandpack>

              A reducer helps keep the event handlers short and concise. However, as your app grows, you might run into another difficulty. **Currently, the `tasks` state and the `dispatch` function are only available in the top-level `TaskApp` component.** To let other components read the list of tasks or change it, you have to explicitly [pass down](/learn/passing-props-to-a-component) the current state and the event handlers that change it as props.

              Редюсер помогает сделать обработчики событий краткими и лаконичными. Однако по мере роста вашего приложения вы можете столкнуться с другой трудностью. **В настоящее время, состояние `tasks` и функция `dispatch` доступны только на верхнем уровне, в компоненте `TaskApp`.** Что бы дать доступ к чтению и изменению списка задач другим компонентам, вам надо явно  [передать в дочернии компоненты](/learn/passing-props-to-a-component) в виде пропсов, текущее состояние и обработчики событий для его изменения.

Collaborator

titovmx Nov 19, 2024

Suggested change

      
            Редюсер помогает сделать обработчики событий краткими и лаконичными. Однако по мере роста вашего приложения вы можете столкнуться с другой трудностью. **В настоящее время, состояние `tasks` и функция `dispatch` доступны только на верхнем уровне, в компоненте `TaskApp`.** Что бы дать доступ к чтению и изменению списка задач другим компонентам, вам надо явно  [передать в дочернии компоненты](/learn/passing-props-to-a-component) в виде пропсов, текущее состояние и обработчики событий для его изменения.
          
            Редюсер помогает сделать обработчики событий краткими и лаконичными. Однако по мере роста вашего приложения вы можете столкнуться с другой трудностью. **В настоящее время, состояние `tasks` и функция `dispatch` доступны только на верхнем уровне, в компоненте `TaskApp`.** Чтобы дать доступ к чтению и изменению списка задач другим компонентам, вам надо явно  [передать в дочерние компоненты](/learn/passing-props-to-a-component) в виде пропсов, текущее состояние и обработчики событий для его изменения.

src/content/learn/scaling-up-with-reducer-and-context.md

    
              For example, `TaskApp` passes a list of tasks and the event handlers to `TaskList`:

              Например, `TaskApp` передает список задач и обработчики событий в `TaskList`:

Collaborator

titovmx Nov 19, 2024

Suggested change

      
            Например, `TaskApp` передает список задач и обработчики событий в `TaskList`:
          
            Например, `TaskApp` передаёт список задач и обработчики событий в `TaskList`:

пожалуйста, проверьте использование буквы ё с помощью пакета eyo

src/content/learn/scaling-up-with-reducer-and-context.md

    
              This is why, as an alternative to passing them through props, you might want to put both the `tasks` state and the `dispatch` function [into context.](/learn/passing-data-deeply-with-context) **This way, any component below `TaskApp` in the tree can read the tasks and dispatch actions without the repetitive "prop drilling".**

              И поэтому в качестве альтернативы передачи их через пропсы, вы можете поместить в [контекст](/learn/passing-data-deeply-with-context) состояние `tasks` и функцию `dispatch` **Благодаря этому дочернии компоненты `TaskApp` получить доступ к `tasks` и отправлять действия без передачи пропсов через компоненты которым они не нужны.**

Collaborator

titovmx Nov 19, 2024

Suggested change

      
            И поэтому в качестве альтернативы передачи их через пропсы, вы можете поместить в [контекст](/learn/passing-data-deeply-with-context) состояние `tasks` и функцию `dispatch` **Благодаря этому дочернии компоненты `TaskApp` получить доступ к `tasks` и отправлять действия без передачи пропсов через компоненты которым они не нужны.**
          
            И поэтому в качестве альтернативы передачи их через пропсы, вы можете поместить в [контекст](/learn/passing-data-deeply-with-context) состояние `tasks` и функцию `dispatch` **Благодаря этому дочерние компоненты `TaskApp` смогут получить доступ к `tasks` и отправлять действия без передачи пропсов через компоненты, которым они не нужны.**

src/content/learn/scaling-up-with-reducer-and-context.md


		Here is how you can combine a reducer with context:
		Вот как вы можешь объединить редюсер с контекстом:

Collaborator

titovmx Nov 19, 2024

Suggested change

      
            Вот как вы можешь объединить редюсер с контекстом:
          
            Вот как вы можете объединить редюсер с контекстом:

src/content/learn/scaling-up-with-reducer-and-context.md

    
              3. It will [take `children` as a prop](/learn/passing-props-to-a-component#passing-jsx-as-children) so you can pass JSX to it.

              1. Он будет управлять состоянием с помощью редюсера.

              2. Он будет передавать оба контекста дочерним компонентам.

              3. Он будет [принимать `children` как пропс](/learn/passing-props-to-a-component#passing-jsx-as-children) что бы вы могли передавать JSX в него.

Collaborator

titovmx Nov 19, 2024

Suggested change

      
            3. Он будет [принимать `children` как пропс](/learn/passing-props-to-a-component#passing-jsx-as-children) что бы вы могли передавать JSX в него.
          
            3. Он будет [принимать `children` как проп,](/learn/passing-props-to-a-component#passing-jsx-as-children) чтобы вы могли передавать JSX в него.

src/content/learn/scaling-up-with-reducer-and-context.md

@@ @@ -1121,7 +1121,7 @@ ul, li { margin: 0; padding: 0; } @@
               </Sandpack>
-              You can also export functions that _use_ the context from `TasksContext.js`:
+              Вы так—же можете экспортировать функции которые _используют_ контекст из `TasksContext.js`:

Collaborator

titovmx Nov 19, 2024

Suggested change

      
            Вы так—же можете экспортировать функции которые _используют_ контекст из `TasksContext.js`:
          
            Вы также можете экспортировать функции, которые _используют_ контекст из `TasksContext.js`:

Союз "также" (в значении и, и ещё) пишется слитно

src/content/learn/scaling-up-with-reducer-and-context.md

    
              <Note>

              Functions like `useTasks` and `useTasksDispatch` are called *[Custom Hooks.](/learn/reusing-logic-with-custom-hooks)* Your function is considered a custom Hook if its name starts with `use`. This lets you use other Hooks, like `useContext`, inside it.

              Функции похожие на `useTasks` и `useTasksDispatch` называются *[Пользовательские  хуки.](/learn/reusing-logic-with-custom-hooks)* Ваша функция считается пользовательским хуком если ее название начинается с `use`. Это позволяет вам использовать другие хуки, такие как `useContext`, внутри неё.

Collaborator

titovmx Nov 19, 2024

Suggested change

      
            Функции похожие на `useTasks` и `useTasksDispatch` называются *[Пользовательские  хуки.](/learn/reusing-logic-with-custom-hooks)* Ваша функция считается пользовательским хуком если ее название начинается с `use`. Это позволяет вам использовать другие хуки, такие как `useContext`, внутри неё.
          
            Функции, похожие на `useTasks` и `useTasksDispatch`, называются *[Пользовательские  хуки.](/learn/reusing-logic-with-custom-hooks)* Ваша функция считается пользовательским хуком, если её название начинается с `use`. Это позволяет вам использовать другие хуки, такие как `useContext`, внутри неё.

src/content/learn/scaling-up-with-reducer-and-context.md

-                - You can export a component like `TasksProvider` that provides context.
-                - You can also export custom Hooks like `useTasks` and `useTasksDispatch` to read it.
-              - You can have many context-reducer pairs like this in your app.
+              - Вы можете комбинировать редюсер с контекстом, что бы любой компонент мог получить доступ к состоянию родительского компонента и изменять его

Collaborator

titovmx Nov 19, 2024

Suggested change

      
            - Вы можете комбинировать редюсер с контекстом, что бы любой компонент мог получить доступ к состоянию родительского компонента и изменять его
          
            - Вы можете комбинировать редюсер с контекстом, чтобы любой компонент мог получить доступ к состоянию родительского компонента и изменять его

src/content/learn/scaling-up-with-reducer-and-context.md

+              - Вы можете комбинировать редюсер с контекстом, что бы любой компонент мог получить доступ к состоянию родительского компонента и изменять его
+              - Чтобы предоставить состояние и функцию отправителя в дочернии компоненты, надо:
+. Создать два контекста (для состояния и функций отправителей).
+. Экспортируйте оба контекста из компонента в котором объявлен редюсер.

Collaborator

titovmx Nov 19, 2024

Suggested change

      
              2. Экспортируйте оба контекста из компонента в котором объявлен редюсер.
          
              2. Экспортируйте оба контекста из компонента, в котором объявлен редюсер.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet