From 66dd4d2d5ab8dde518f1cab94099ab82645d603f Mon Sep 17 00:00:00 2001 From: ntishkevich Date: Mon, 4 Mar 2019 23:43:02 +0300 Subject: [PATCH 01/13] Translate "Web Components" into Russian. --- content/docs/nav.yml | 2 +- content/docs/web-components.md | 32 ++++++++++++++++---------------- 2 files changed, 17 insertions(+), 17 deletions(-) diff --git a/content/docs/nav.yml b/content/docs/nav.yml index c91b7c3bc..eeb23987d 100644 --- a/content/docs/nav.yml +++ b/content/docs/nav.yml @@ -78,7 +78,7 @@ - id: uncontrolled-components title: Неконтролируемые компоненты - id: web-components - title: Web Components + title: Веб-компоненты - title: Справочник API items: - id: react-api diff --git a/content/docs/web-components.md b/content/docs/web-components.md index cbfcc80e1..2dfec904f 100644 --- a/content/docs/web-components.md +++ b/content/docs/web-components.md @@ -1,46 +1,46 @@ --- id: web-components -title: Web Components +title: Веб-компоненты permalink: docs/web-components.html redirect_from: - "docs/webcomponents.html" --- -React and [Web Components](https://developer.mozilla.org/en-US/docs/Web/Web_Components) are built to solve different problems. Web Components provide strong encapsulation for reusable components, while React provides a declarative library that keeps the DOM in sync with your data. The two goals are complementary. As a developer, you are free to use React in your Web Components, or to use Web Components in React, or both. +React и [Веб-компоненты](https://developer.mozilla.org/ru/docs/Web/Web_Components) созданы для решения различных проблемы. Веб-компоненты предоставляют надежную инкапсуляцию для повторно используемых компонентов, пока React предоставляет декларативную библиотеку, поддерживающую DOM в синхронизации с вашими данными. Обе цели дополняют друг друга. Как разработчики, вы можете свободно использовать React в своих веб-компонентах, или использовать веб-компоненты в React, или оба варианта. -Most people who use React don't use Web Components, but you may want to, especially if you are using third-party UI components that are written using Web Components. +Большинство людей, использующих React, не используют веб-компоненты, но вы можете захотеть это сделать, особенно если вы используете сторонние компоненты пользовательного интерфейса, написанные с использованием веб-компонентов. -## Using Web Components in React {#using-web-components-in-react} +## Использование веб-компонентов в React {#using-web-components-in-react} ```javascript class HelloMessage extends React.Component { render() { - return
Hello {this.props.name}!
; + return
Привет {this.props.name}!
; } } ``` -> Note: +> Примечание: > -> Web Components often expose an imperative API. For instance, a `video` Web Component might expose `play()` and `pause()` functions. To access the imperative APIs of a Web Component, you will need to use a ref to interact with the DOM node directly. If you are using third-party Web Components, the best solution is to write a React component that behaves as a wrapper for your Web Component. +> Веб-компоненты часто предоставляют императивное API. Например, веб-компонент `video` может предоставлять функции `play()` и `pause()`. Для получения доступа к этому императивному API веб-компонентов, вам необходимо использовать реф для непосредственного взаимодействия с DOM-узлом. Если вы используете сторонние веб-компоненты, лучший решением будет написать React-компоненты, который служат обёрткой для ваших веб-компонентов. > -> Events emitted by a Web Component may not properly propagate through a React render tree. -> You will need to manually attach event handlers to handle these events within your React components. +> События, созданные веб-компонентами, могут неправильно распостраняться через дерево рендеринга React. +> Вам должны вручную добавить обработчики событий для обработки их в ваших React-компонентах. -One common confusion is that Web Components use "class" instead of "className". +Существует распространённая путаница, заключающаяся в том, что в веб-компонентах используется «class» вместо «className». ```javascript function BrickFlipbox() { return ( -
front
-
back
+
Передняя сторона
+
Задняя сторона
 ); } ``` -## Using React in your Web Components {#using-react-in-your-web-components} +## Использование React в веб-компонентах {#using-react-in-your-web-components} ```javascript class XSearch extends HTMLElement { @@ -56,7 +56,7 @@ class XSearch extends HTMLElement { customElements.define('x-search', XSearch); ``` ->Note: +>Примечание: > ->This code **will not** work if you transform classes with Babel. See [this issue](https://github.com/w3c/webcomponents/issues/587) for the discussion. ->Include the [custom-elements-es5-adapter](https://github.com/webcomponents/webcomponentsjs#custom-elements-es5-adapterjs) before you load your web components to fix this issue. +>Данный код **не будет** работать, если вы трансформируете классы с помощью Babel. Смотрите [данный ишью](https://github.com/w3c/webcomponents/issues/587) для обсуждения. +>Включите [custom-elements-es5-adapter](https://github.com/webcomponents/webcomponentsjs#custom-elements-es5-adapterjs) перед тем, как вы загрузите ваши веб-компоненты для исправления этой проблемы. \ No newline at end of file From 7dafe4792aa34ceeddea2489bcefd4e73db7137a Mon Sep 17 00:00:00 2001 From: Nick Tishkevich Date: Tue, 5 Mar 2019 16:12:28 +0300 Subject: [PATCH 02/13] Translate "Web Components" into Russian. Reword some sections. --- content/docs/web-components.md | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/content/docs/web-components.md b/content/docs/web-components.md index 2dfec904f..41bb0b367 100644 --- a/content/docs/web-components.md +++ b/content/docs/web-components.md @@ -6,9 +6,9 @@ redirect_from: - "docs/webcomponents.html" --- -React и [Веб-компоненты](https://developer.mozilla.org/ru/docs/Web/Web_Components) созданы для решения различных проблемы. Веб-компоненты предоставляют надежную инкапсуляцию для повторно используемых компонентов, пока React предоставляет декларативную библиотеку, поддерживающую DOM в синхронизации с вашими данными. Обе цели дополняют друг друга. Как разработчики, вы можете свободно использовать React в своих веб-компонентах, или использовать веб-компоненты в React, или оба варианта. +React и [Веб-компоненты](https://developer.mozilla.org/ru/docs/Web/Web_Components) созданы для решения различных задач. Веб-компоненты обеспечивают надёжную инкапсуляцию для переиспользуемых компонентов, в том время как React предоставляет декларативную библиотеку для синхроназации данных c DOM. Две цели дополняют друг друга. Как разработчики, вы можете использовать React в своих веб-компонентах, или использовать веб-компоненты в React, или и то, и другое. -Большинство людей, использующих React, не используют веб-компоненты, но вы можете захотеть это сделать, особенно если вы используете сторонние компоненты пользовательного интерфейса, написанные с использованием веб-компонентов. +Большинство пользователей React не используют веб-компоненты, но вы можете сделать это, особенно если вы используете сторонние компоненты пользовательского интерфейса, написанные с использованием веб-компонентов. ## Использование веб-компонентов в React {#using-web-components-in-react} @@ -22,10 +22,10 @@ class HelloMessage extends React.Component { > Примечание: > -> Веб-компоненты часто предоставляют императивное API. Например, веб-компонент `video` может предоставлять функции `play()` и `pause()`. Для получения доступа к этому императивному API веб-компонентов, вам необходимо использовать реф для непосредственного взаимодействия с DOM-узлом. Если вы используете сторонние веб-компоненты, лучший решением будет написать React-компоненты, который служат обёрткой для ваших веб-компонентов. +> Веб-компоненты часто предоставляют императивный API. Например, веб-компонент `video` может предоставлять функции `play()` и `pause()`. Чтобы получить доступ к императивному API веб-компонентов, необходимо использовать реф для прямого взаимодействия с DOM-узлом. Если вы используете сторонние веб-компоненты, лучшим решением будет создать React-компонент и использовать его как обёртку для веб-компонента. > > События, созданные веб-компонентами, могут неправильно распостраняться через дерево рендеринга React. -> Вам должны вручную добавить обработчики событий для обработки их в ваших React-компонентах. +> Вам нужно вручную добавить обработчики для таких событий в ваши React-компоненты. Существует распространённая путаница, заключающаяся в том, что в веб-компонентах используется «class» вместо «className». @@ -58,5 +58,5 @@ customElements.define('x-search', XSearch); >Примечание: > ->Данный код **не будет** работать, если вы трансформируете классы с помощью Babel. Смотрите [данный ишью](https://github.com/w3c/webcomponents/issues/587) для обсуждения. ->Включите [custom-elements-es5-adapter](https://github.com/webcomponents/webcomponentsjs#custom-elements-es5-adapterjs) перед тем, как вы загрузите ваши веб-компоненты для исправления этой проблемы. \ No newline at end of file +>Данный код **не будет** работать, если вы преобразуете классы с помощью Babel. Смотрите [данный ишью](https://github.com/w3c/webcomponents/issues/587) для обсуждения. +>Включите [custom-elements-es5-adapter](https://github.com/webcomponents/webcomponentsjs#custom-elements-es5-adapterjs) перед загрузкой веб-компонентов, чтобы решить эту проблему. \ No newline at end of file From f678334e1d4bb28c9b30df1791faa1b9d7034d77 Mon Sep 17 00:00:00 2001 From: ntishkevich Date: Tue, 5 Mar 2019 23:42:05 +0300 Subject: [PATCH 03/13] Translate "Web Components" into Russian. --- content/docs/web-components.md | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/content/docs/web-components.md b/content/docs/web-components.md index 41bb0b367..525b47811 100644 --- a/content/docs/web-components.md +++ b/content/docs/web-components.md @@ -8,7 +8,7 @@ redirect_from: React и [Веб-компоненты](https://developer.mozilla.org/ru/docs/Web/Web_Components) созданы для решения различных задач. Веб-компоненты обеспечивают надёжную инкапсуляцию для переиспользуемых компонентов, в том время как React предоставляет декларативную библиотеку для синхроназации данных c DOM. Две цели дополняют друг друга. Как разработчики, вы можете использовать React в своих веб-компонентах, или использовать веб-компоненты в React, или и то, и другое. -Большинство пользователей React не используют веб-компоненты, но вы можете сделать это, особенно если вы используете сторонние компоненты пользовательского интерфейса, написанные с использованием веб-компонентов. +Большинство пользователей React не используют веб-компоненты, но это можно сделать, особенно если используются сторонние компоненты пользовательского интерфейса, написанные с использованием веб-компонентов. ## Использование веб-компонентов в React {#using-web-components-in-react} @@ -22,19 +22,19 @@ class HelloMessage extends React.Component { > Примечание: > -> Веб-компоненты часто предоставляют императивный API. Например, веб-компонент `video` может предоставлять функции `play()` и `pause()`. Чтобы получить доступ к императивному API веб-компонентов, необходимо использовать реф для прямого взаимодействия с DOM-узлом. Если вы используете сторонние веб-компоненты, лучшим решением будет создать React-компонент и использовать его как обёртку для веб-компонента. +> Веб-компоненты часто предоставляют императивный API. Например, веб-компонент `video` может предоставлять функции `play()` и `pause()`. Чтобы получить доступ к необходимому API веб-компонентов, необходимо использовать реф для взаимодействия с DOM-узлом напрямую. Если вы используете сторонние веб-компоненты, лучшим решением будет создать React-компонент и использовать его как обёртку для веб-компонента. > -> События, созданные веб-компонентами, могут неправильно распостраняться через дерево рендеринга React. +> События, созданные веб-компонентами, могут неправильно распостраняться через дерево React-компонентов. > Вам нужно вручную добавить обработчики для таких событий в ваши React-компоненты. -Существует распространённая путаница, заключающаяся в том, что в веб-компонентах используется «class» вместо «className». +Распостранённая путаница заключается в том, что в веб-компонентах используется «class» вместо «className». ```javascript function BrickFlipbox() { return (
Передняя сторона
-
Задняя сторона
+
Обратная сторона
 ); } @@ -58,5 +58,5 @@ customElements.define('x-search', XSearch); >Примечание: > ->Данный код **не будет** работать, если вы преобразуете классы с помощью Babel. Смотрите [данный ишью](https://github.com/w3c/webcomponents/issues/587) для обсуждения. ->Включите [custom-elements-es5-adapter](https://github.com/webcomponents/webcomponentsjs#custom-elements-es5-adapterjs) перед загрузкой веб-компонентов, чтобы решить эту проблему. \ No newline at end of file +>Данный код **не будет** работать, если вы преобразуете классы с помощью Babel. Взгляните на [ишью](https://github.com/w3c/webcomponents/issues/587) с обсуждением. +>Добавьте [custom-elements-es5-adapter](https://github.com/webcomponents/webcomponentsjs#custom-elements-es5-adapterjs) перед загрузкой веб-компонентов, чтобы решить эту проблему. \ No newline at end of file From 8afd2bbd9f5b2d859b98f65da42e310167fb1d44 Mon Sep 17 00:00:00 2001 From: Alexey Pyltsyn Date: Wed, 6 Mar 2019 08:00:18 +0300 Subject: [PATCH 04/13] Update content/docs/web-components.md Co-Authored-By: ntishkevich --- content/docs/web-components.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/content/docs/web-components.md b/content/docs/web-components.md index 525b47811..37c268555 100644 --- a/content/docs/web-components.md +++ b/content/docs/web-components.md @@ -6,7 +6,7 @@ redirect_from: - "docs/webcomponents.html" --- -React и [Веб-компоненты](https://developer.mozilla.org/ru/docs/Web/Web_Components) созданы для решения различных задач. Веб-компоненты обеспечивают надёжную инкапсуляцию для переиспользуемых компонентов, в том время как React предоставляет декларативную библиотеку для синхроназации данных c DOM. Две цели дополняют друг друга. Как разработчики, вы можете использовать React в своих веб-компонентах, или использовать веб-компоненты в React, или и то, и другое. +React и [веб-компоненты](https://developer.mozilla.org/ru/docs/Web/Web_Components) созданы для решения различных задач. Веб-компоненты обеспечивают надёжную инкапсуляцию для переиспользуемых компонентов, в том время как React предоставляет декларативную библиотеку для синхроназации данных c DOM. Две цели дополняют друг друга. Как разработчики, вы можете использовать React в своих веб-компонентах, или использовать веб-компоненты в React, или и то, и другое. Большинство пользователей React не используют веб-компоненты, но это можно сделать, особенно если используются сторонние компоненты пользовательского интерфейса, написанные с использованием веб-компонентов. @@ -59,4 +59,4 @@ customElements.define('x-search', XSearch); >Примечание: > >Данный код **не будет** работать, если вы преобразуете классы с помощью Babel. Взгляните на [ишью](https://github.com/w3c/webcomponents/issues/587) с обсуждением. ->Добавьте [custom-elements-es5-adapter](https://github.com/webcomponents/webcomponentsjs#custom-elements-es5-adapterjs) перед загрузкой веб-компонентов, чтобы решить эту проблему. \ No newline at end of file +>Добавьте [custom-elements-es5-adapter](https://github.com/webcomponents/webcomponentsjs#custom-elements-es5-adapterjs) перед загрузкой веб-компонентов, чтобы решить эту проблему. From bc8ef165221c791c95ed5d6affe89e9b1fc29adf Mon Sep 17 00:00:00 2001 From: Alexey Pyltsyn Date: Wed, 6 Mar 2019 08:00:25 +0300 Subject: [PATCH 05/13] Update content/docs/web-components.md Co-Authored-By: ntishkevich --- content/docs/web-components.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/docs/web-components.md b/content/docs/web-components.md index 37c268555..80e97cc64 100644 --- a/content/docs/web-components.md +++ b/content/docs/web-components.md @@ -15,7 +15,7 @@ React и [веб-компоненты](https://developer.mozilla.org/ru/docs/Web ```javascript class HelloMessage extends React.Component { render() { - return
Привет {this.props.name}!
; + return
Привет, {this.props.name}!
; } } ``` From 04d74589efbe6c284afc85a12848ac0a3430059e Mon Sep 17 00:00:00 2001 From: Alexey Pyltsyn Date: Wed, 6 Mar 2019 08:00:45 +0300 Subject: [PATCH 06/13] Update content/docs/web-components.md Co-Authored-By: ntishkevich --- content/docs/web-components.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/docs/web-components.md b/content/docs/web-components.md index 80e97cc64..d0c2799d5 100644 --- a/content/docs/web-components.md +++ b/content/docs/web-components.md @@ -8,7 +8,7 @@ redirect_from: React и [веб-компоненты](https://developer.mozilla.org/ru/docs/Web/Web_Components) созданы для решения различных задач. Веб-компоненты обеспечивают надёжную инкапсуляцию для переиспользуемых компонентов, в том время как React предоставляет декларативную библиотеку для синхроназации данных c DOM. Две цели дополняют друг друга. Как разработчики, вы можете использовать React в своих веб-компонентах, или использовать веб-компоненты в React, или и то, и другое. -Большинство пользователей React не используют веб-компоненты, но это можно сделать, особенно если используются сторонние компоненты пользовательского интерфейса, написанные с использованием веб-компонентов. +Большинство разработчиков React не используют веб-компоненты, но у вас может появиться желание попробовать их. В частности, если используются сторонние компоненты пользовательского интерфейса, написанные с помощью веб-компонентов. ## Использование веб-компонентов в React {#using-web-components-in-react} From 91c03d158d07e750bb530f129f982167c37f0b18 Mon Sep 17 00:00:00 2001 From: Alexey Pyltsyn Date: Wed, 6 Mar 2019 08:00:55 +0300 Subject: [PATCH 07/13] Update content/docs/web-components.md Co-Authored-By: ntishkevich --- content/docs/web-components.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/docs/web-components.md b/content/docs/web-components.md index d0c2799d5..87ca0e8ef 100644 --- a/content/docs/web-components.md +++ b/content/docs/web-components.md @@ -27,7 +27,7 @@ class HelloMessage extends React.Component { > События, созданные веб-компонентами, могут неправильно распостраняться через дерево React-компонентов. > Вам нужно вручную добавить обработчики для таких событий в ваши React-компоненты. -Распостранённая путаница заключается в том, что в веб-компонентах используется «class» вместо «className». +Одно из распространённых заблуждений — это то, что в веб-компонентах используется «class» вместо «className». ```javascript function BrickFlipbox() { From 21b492b763d1e1eb2cbefb2a8a717ace58c0f7aa Mon Sep 17 00:00:00 2001 From: Alexey Pyltsyn Date: Wed, 6 Mar 2019 08:08:05 +0300 Subject: [PATCH 08/13] Update content/docs/web-components.md Co-Authored-By: ntishkevich --- content/docs/web-components.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/docs/web-components.md b/content/docs/web-components.md index 87ca0e8ef..f8ac67a5c 100644 --- a/content/docs/web-components.md +++ b/content/docs/web-components.md @@ -25,7 +25,7 @@ class HelloMessage extends React.Component { > Веб-компоненты часто предоставляют императивный API. Например, веб-компонент `video` может предоставлять функции `play()` и `pause()`. Чтобы получить доступ к необходимому API веб-компонентов, необходимо использовать реф для взаимодействия с DOM-узлом напрямую. Если вы используете сторонние веб-компоненты, лучшим решением будет создать React-компонент и использовать его как обёртку для веб-компонента. > > События, созданные веб-компонентами, могут неправильно распостраняться через дерево React-компонентов. -> Вам нужно вручную добавить обработчики для таких событий в ваши React-компоненты. +> Вам нужно вручную добавить обработчики для таких событий в собственные React-компоненты. Одно из распространённых заблуждений — это то, что в веб-компонентах используется «class» вместо «className». From b98ee324a334f6b816d455dc82cccc2b9d40213a Mon Sep 17 00:00:00 2001 From: ntishkevich Date: Wed, 6 Mar 2019 09:01:53 +0300 Subject: [PATCH 09/13] Update content/docs/web-components.md --- content/docs/web-components.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/docs/web-components.md b/content/docs/web-components.md index f8ac67a5c..c0c5b939e 100644 --- a/content/docs/web-components.md +++ b/content/docs/web-components.md @@ -59,4 +59,4 @@ customElements.define('x-search', XSearch); >Примечание: > >Данный код **не будет** работать, если вы преобразуете классы с помощью Babel. Взгляните на [ишью](https://github.com/w3c/webcomponents/issues/587) с обсуждением. ->Добавьте [custom-elements-es5-adapter](https://github.com/webcomponents/webcomponentsjs#custom-elements-es5-adapterjs) перед загрузкой веб-компонентов, чтобы решить эту проблему. +>Добавьте шим [custom-elements-es5-adapter](https://github.com/webcomponents/webcomponentsjs#custom-elements-es5-adapterjs) перед загрузкой веб-компонентов, чтобы решить эту проблему. From 0ab22a7cdba153c84d76105cfb83277e41d221fa Mon Sep 17 00:00:00 2001 From: Leonid Fedorov Date: Wed, 6 Mar 2019 13:23:11 +0300 Subject: [PATCH 10/13] Update content/docs/web-components.md Co-Authored-By: ntishkevich --- content/docs/web-components.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/docs/web-components.md b/content/docs/web-components.md index c0c5b939e..6b93978d4 100644 --- a/content/docs/web-components.md +++ b/content/docs/web-components.md @@ -6,7 +6,7 @@ redirect_from: - "docs/webcomponents.html" --- -React и [веб-компоненты](https://developer.mozilla.org/ru/docs/Web/Web_Components) созданы для решения различных задач. Веб-компоненты обеспечивают надёжную инкапсуляцию для переиспользуемых компонентов, в том время как React предоставляет декларативную библиотеку для синхроназации данных c DOM. Две цели дополняют друг друга. Как разработчики, вы можете использовать React в своих веб-компонентах, или использовать веб-компоненты в React, или и то, и другое. +React и [веб-компоненты](https://developer.mozilla.org/ru/docs/Web/Web_Components) созданы для решения различных задач. Веб-компоненты обеспечивают надёжную инкапсуляцию для переиспользуемых компонентов, в том время как React предоставляет декларативную библиотеку для синхронизации данных c DOM. Две цели дополняют друг друга. Как разработчики, вы можете использовать React в своих веб-компонентах, или использовать веб-компоненты в React, или и то, и другое. Большинство разработчиков React не используют веб-компоненты, но у вас может появиться желание попробовать их. В частности, если используются сторонние компоненты пользовательского интерфейса, написанные с помощью веб-компонентов. From 6388942ffc3da3cb0388379513f49e7ef3a9b1b6 Mon Sep 17 00:00:00 2001 From: Anton Ahatov Date: Thu, 7 Mar 2019 11:49:56 +0300 Subject: [PATCH 11/13] Update content/docs/web-components.md Co-Authored-By: ntishkevich --- content/docs/web-components.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/docs/web-components.md b/content/docs/web-components.md index 6b93978d4..562f43eed 100644 --- a/content/docs/web-components.md +++ b/content/docs/web-components.md @@ -6,7 +6,7 @@ redirect_from: - "docs/webcomponents.html" --- -React и [веб-компоненты](https://developer.mozilla.org/ru/docs/Web/Web_Components) созданы для решения различных задач. Веб-компоненты обеспечивают надёжную инкапсуляцию для переиспользуемых компонентов, в том время как React предоставляет декларативную библиотеку для синхронизации данных c DOM. Две цели дополняют друг друга. Как разработчики, вы можете использовать React в своих веб-компонентах, или использовать веб-компоненты в React, или и то, и другое. +React и [веб-компоненты](https://developer.mozilla.org/ru/docs/Web/Web_Components) созданы для решения различных задач. Веб-компоненты обеспечивают надёжную инкапсуляцию для переиспользуемых компонентов, в то время как React предоставляет декларативную библиотеку для синхронизации данных c DOM. Две цели дополняют друг друга. Как разработчик, вы можете использовать React в своих веб-компонентах, или использовать веб-компоненты в React, или и то, и другое. Большинство разработчиков React не используют веб-компоненты, но у вас может появиться желание попробовать их. В частности, если используются сторонние компоненты пользовательского интерфейса, написанные с помощью веб-компонентов. From 10ac59a508d13b272752a85167efae703a440552 Mon Sep 17 00:00:00 2001 From: ANOTHER GUY Date: Thu, 7 Mar 2019 11:14:28 -0800 Subject: [PATCH 12/13] Update web-components.md --- content/docs/web-components.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/docs/web-components.md b/content/docs/web-components.md index 562f43eed..ce5e919fa 100644 --- a/content/docs/web-components.md +++ b/content/docs/web-components.md @@ -6,7 +6,7 @@ redirect_from: - "docs/webcomponents.html" --- -React и [веб-компоненты](https://developer.mozilla.org/ru/docs/Web/Web_Components) созданы для решения различных задач. Веб-компоненты обеспечивают надёжную инкапсуляцию для переиспользуемых компонентов, в то время как React предоставляет декларативную библиотеку для синхронизации данных c DOM. Две цели дополняют друг друга. Как разработчик, вы можете использовать React в своих веб-компонентах, или использовать веб-компоненты в React, или и то, и другое. +React и [веб-компоненты](https://developer.mozilla.org/ru/docs/Web/Web_Components) созданы для решения различных задач. Веб-компоненты обеспечивают надёжную инкапсуляцию для повторно используемых компонентов, в то время как React предоставляет декларативную библиотеку для синхронизации данных c DOM. Две цели дополняют друг друга. Как разработчик, вы можете использовать React в своих веб-компонентах, или использовать веб-компоненты в React, или и то, и другое. Большинство разработчиков React не используют веб-компоненты, но у вас может появиться желание попробовать их. В частности, если используются сторонние компоненты пользовательского интерфейса, написанные с помощью веб-компонентов. From 60de3219d396303e96f839ab3d187d28848aa496 Mon Sep 17 00:00:00 2001 From: ANOTHER GUY Date: Thu, 7 Mar 2019 11:20:39 -0800 Subject: [PATCH 13/13] Update web-components.md --- content/docs/web-components.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/content/docs/web-components.md b/content/docs/web-components.md index ce5e919fa..49d69430c 100644 --- a/content/docs/web-components.md +++ b/content/docs/web-components.md @@ -6,9 +6,9 @@ redirect_from: - "docs/webcomponents.html" --- -React и [веб-компоненты](https://developer.mozilla.org/ru/docs/Web/Web_Components) созданы для решения различных задач. Веб-компоненты обеспечивают надёжную инкапсуляцию для повторно используемых компонентов, в то время как React предоставляет декларативную библиотеку для синхронизации данных c DOM. Две цели дополняют друг друга. Как разработчик, вы можете использовать React в своих веб-компонентах, или использовать веб-компоненты в React, или и то, и другое. +React и [веб-компоненты](https://developer.mozilla.org/ru/docs/Web/Web_Components) созданы для решения самых разных задач. Веб-компоненты обеспечивают надёжную инкапсуляцию для повторно используемых компонентов, в то время как React предоставляет декларативную библиотеку для синхронизации данных c DOM. Две цели дополняют друг друга. Как разработчик, вы можете использовать React в своих веб-компонентах, или использовать веб-компоненты в React, или и то, и другое. -Большинство разработчиков React не используют веб-компоненты, но у вас может появиться желание попробовать их. В частности, если используются сторонние компоненты пользовательского интерфейса, написанные с помощью веб-компонентов. +Большинство разработчиков React обходятся без веб-компонентов, но у вас может появиться желание попробовать их. Например, если ваш проект использует сторонние компоненты пользовательского интерфейса, написанные с помощью веб-компонентов. ## Использование веб-компонентов в React {#using-web-components-in-react}