From 34aacaf256d4f370572c4f2340a20ab35ed4de91 Mon Sep 17 00:00:00 2001 From: "Lorena.Correa" Date: Wed, 6 Feb 2019 00:00:43 -0500 Subject: [PATCH 1/5] Web Component translation into spanish --- content/docs/web-components.md | 24 ++++++++++++------------ 1 file changed, 12 insertions(+), 12 deletions(-) diff --git a/content/docs/web-components.md b/content/docs/web-components.md index e0e8183b9..8c8edec73 100644 --- a/content/docs/web-components.md +++ b/content/docs/web-components.md @@ -6,11 +6,11 @@ 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 y [Web Components](https://developer.mozilla.org/es/docs/Web/Web_Components) estan construidos para resolver diferentes problemas. `Web Components` proporciona una fuerte encapsulación para componentes reutilizables, mientras que React proporciona una biblioteca declarativa que mantiene el DOM sincronizado con sus datos. Los dos objetivos se complementan. Como desarrollador, eres libre de usar React en tus `Web Components`, utilizar `Web Components` en React, o ambos. -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. +La mayoria de las personas que usan React no utilizan `Web Components`, pero es posible que desees hacerlo, especialmente si estás utilizando componentes de IU de terceros que se escriben utilizando `Web Components`. -## Using Web Components in React +## Usando `Web Components` en React ```javascript class HelloMessage extends React.Component { @@ -20,14 +20,14 @@ class HelloMessage extends React.Component { } ``` -> Note: +> Nota: > -> 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. +> Los `Web Component` a menudo exponen una API imperativa. Por ejemplo, un `Web Component` `video` podría exponer las funciones `play()` y `pause()`. Para acceder a un API imperativa de un `Web Component`, necesitarás utilizar una referencia para interactuar con el DOM directamente. Si estás utilizando `Web Component` de terceros, lo mejor sería escribir un componente React que sirva como un contenedor para tu `Web Component`. > -> 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. +> Los eventos emitidos por un `Web Component` pueden no distribuirse correctamente a través de un árbol de renderizado React. +> Deberás agregar manualmente los controladores de eventos para manejarlos dentro de tus componentes React. -One common confusion is that Web Components use "class" instead of "className". +Una cosa que puede confundirte es que los `Web Component` usan ***"class"*** en vez de ***"className"*** ```javascript function BrickFlipbox() { @@ -40,7 +40,7 @@ function BrickFlipbox() { } ``` -## Using React in your Web Components +## Usando React en tus `Web Components` ```javascript class XSearch extends HTMLElement { @@ -56,7 +56,7 @@ class XSearch extends HTMLElement { customElements.define('x-search', XSearch); ``` ->Note: +>Nota: > ->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. +>Este codigo **NO** funcionará si transformas clases con Babel. Ver [Este asunto](https://github.com/w3c/webcomponents/issues/587) para la discusión. +>Incluye el [custom-elements-es5-adapter](https://github.com/webcomponents/webcomponentsjs#custom-elements-es5-adapterjs) Antes de cargar tus `Web Components` para que puedas solucionar este problema. From 407c5db8c81a9e6e7a1a6a9ac0a5b32be16a8230 Mon Sep 17 00:00:00 2001 From: "Lorena.Correa" Date: Wed, 6 Feb 2019 09:29:05 -0500 Subject: [PATCH 2/5] Changes suggested by typography in the translation and change to the original link. Web components --- 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 8c8edec73..31857cb27 100644 --- a/content/docs/web-components.md +++ b/content/docs/web-components.md @@ -6,9 +6,9 @@ redirect_from: - "docs/webcomponents.html" --- -React y [Web Components](https://developer.mozilla.org/es/docs/Web/Web_Components) estan construidos para resolver diferentes problemas. `Web Components` proporciona una fuerte encapsulación para componentes reutilizables, mientras que React proporciona una biblioteca declarativa que mantiene el DOM sincronizado con sus datos. Los dos objetivos se complementan. Como desarrollador, eres libre de usar React en tus `Web Components`, utilizar `Web Components` en React, o ambos. +React y [Web Components](https://developer.mozilla.org/en-US/docs/Web/Web_Components) están construidos para resolver diferentes problemas. `Web Components` proporciona una fuerte encapsulación para componentes reutilizables, mientras que React proporciona una biblioteca declarativa que mantiene el DOM sincronizado con tus datos. Los dos objetivos se complementan. Como desarrollador, eres libre de usar React en tus `Web Components`, utilizar `Web Components` en React, o ambos. -La mayoria de las personas que usan React no utilizan `Web Components`, pero es posible que desees hacerlo, especialmente si estás utilizando componentes de IU de terceros que se escriben utilizando `Web Components`. +La mayoría de las personas que usan React no utilizan `Web Components`, pero es posible que desees hacerlo, especialmente si estás utilizando componentes de IU de terceros que se escriben utilizando `Web Components`. ## Usando `Web Components` en React @@ -22,12 +22,12 @@ class HelloMessage extends React.Component { > Nota: > -> Los `Web Component` a menudo exponen una API imperativa. Por ejemplo, un `Web Component` `video` podría exponer las funciones `play()` y `pause()`. Para acceder a un API imperativa de un `Web Component`, necesitarás utilizar una referencia para interactuar con el DOM directamente. Si estás utilizando `Web Component` de terceros, lo mejor sería escribir un componente React que sirva como un contenedor para tu `Web Component`. +> Los `Web Components` a menudo exponen una API imperativa. Por ejemplo, un `Web Components` `video` podría exponer las funciones `play()` y `pause()`. Para acceder a un API imperativa de un `Web Components`, necesitarás utilizar una referencia para interactuar con el DOM directamente. Si estás utilizando `Web Components` de terceros, lo mejor sería escribir un componente React que sirva como un contenedor para tu `Web Components`. > -> Los eventos emitidos por un `Web Component` pueden no distribuirse correctamente a través de un árbol de renderizado React. +> Los eventos emitidos por un `Web Components` pueden no distribuirse correctamente a través de un árbol de renderizado React. > Deberás agregar manualmente los controladores de eventos para manejarlos dentro de tus componentes React. -Una cosa que puede confundirte es que los `Web Component` usan ***"class"*** en vez de ***"className"*** +Una cosa que puede confundirte, es que los `Web Components` usan ***"class"*** en vez de ***"className"*** ```javascript function BrickFlipbox() { @@ -58,5 +58,5 @@ customElements.define('x-search', XSearch); >Nota: > ->Este codigo **NO** funcionará si transformas clases con Babel. Ver [Este asunto](https://github.com/w3c/webcomponents/issues/587) para la discusión. +>Este código **NO** funcionará si transformas clases con Babel. Ver [Este asunto](https://github.com/w3c/webcomponents/issues/587) para la discusión. >Incluye el [custom-elements-es5-adapter](https://github.com/webcomponents/webcomponentsjs#custom-elements-es5-adapterjs) Antes de cargar tus `Web Components` para que puedas solucionar este problema. From 26974b244ffd39ad929b112af4e0709ddf00ffb6 Mon Sep 17 00:00:00 2001 From: Lorena Correa Date: Wed, 6 Feb 2019 09:59:34 -0500 Subject: [PATCH 3/5] Link in spanish --- 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 31857cb27..4c48f95fa 100644 --- a/content/docs/web-components.md +++ b/content/docs/web-components.md @@ -6,7 +6,7 @@ redirect_from: - "docs/webcomponents.html" --- -React y [Web Components](https://developer.mozilla.org/en-US/docs/Web/Web_Components) están construidos para resolver diferentes problemas. `Web Components` proporciona una fuerte encapsulación para componentes reutilizables, mientras que React proporciona una biblioteca declarativa que mantiene el DOM sincronizado con tus datos. Los dos objetivos se complementan. Como desarrollador, eres libre de usar React en tus `Web Components`, utilizar `Web Components` en React, o ambos. +React y [Web Components](https://developer.mozilla.org/es/docs/Web/Web_Components) están construidos para resolver diferentes problemas. `Web Components` proporciona una fuerte encapsulación para componentes reutilizables, mientras que React proporciona una biblioteca declarativa que mantiene el DOM sincronizado con tus datos. Los dos objetivos se complementan. Como desarrollador, eres libre de usar React en tus `Web Components`, utilizar `Web Components` en React, o ambos. La mayoría de las personas que usan React no utilizan `Web Components`, pero es posible que desees hacerlo, especialmente si estás utilizando componentes de IU de terceros que se escriben utilizando `Web Components`. From d26a018cb7d506706331638ef135b6d4cceff560 Mon Sep 17 00:00:00 2001 From: "Lorena.Correa" Date: Wed, 6 Feb 2019 15:51:10 -0500 Subject: [PATCH 4/5] Translation web component --- 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 4c48f95fa..6f08d6ddc 100644 --- a/content/docs/web-components.md +++ b/content/docs/web-components.md @@ -6,9 +6,9 @@ redirect_from: - "docs/webcomponents.html" --- -React y [Web Components](https://developer.mozilla.org/es/docs/Web/Web_Components) están construidos para resolver diferentes problemas. `Web Components` proporciona una fuerte encapsulación para componentes reutilizables, mientras que React proporciona una biblioteca declarativa que mantiene el DOM sincronizado con tus datos. Los dos objetivos se complementan. Como desarrollador, eres libre de usar React en tus `Web Components`, utilizar `Web Components` en React, o ambos. +React y [Componentes Web](https://developer.mozilla.org/es/docs/Web/Web_Components) están construidos para resolver diferentes problemas. Los componentes web proporciona una fuerte encapsulación para componentes reutilizables, mientras que React proporciona una biblioteca declarativa que mantiene el DOM sincronizado con tus datos. Los dos objetivos se complementan. Como desarrollador, eres libre de usar React en tus componentes web, utilizar componentes web en React, o ambos. -La mayoría de las personas que usan React no utilizan `Web Components`, pero es posible que desees hacerlo, especialmente si estás utilizando componentes de IU de terceros que se escriben utilizando `Web Components`. +La mayoría de las personas que usan React no utilizan componentes web, pero es posible que desees hacerlo, especialmente si estás utilizando componentes de IU de terceros que se escriben utilizando componentes web. ## Usando `Web Components` en React @@ -22,12 +22,12 @@ class HelloMessage extends React.Component { > Nota: > -> Los `Web Components` a menudo exponen una API imperativa. Por ejemplo, un `Web Components` `video` podría exponer las funciones `play()` y `pause()`. Para acceder a un API imperativa de un `Web Components`, necesitarás utilizar una referencia para interactuar con el DOM directamente. Si estás utilizando `Web Components` de terceros, lo mejor sería escribir un componente React que sirva como un contenedor para tu `Web Components`. +> Los componentes web a menudo exponen una API imperativa. Por ejemplo, un componente web `video` podría exponer las funciones `play()` y `pause()`. Para acceder a un API imperativa de un componente web, necesitarás utilizar una referencia para interactuar con el DOM directamente. Si estás utilizando componentes web de terceros, lo mejor sería escribir un componente React que sirva como un contenedor para tu componente web`. > -> Los eventos emitidos por un `Web Components` pueden no distribuirse correctamente a través de un árbol de renderizado React. +> Los eventos emitidos por un componente web pueden no distribuirse correctamente a través de un árbol de renderizado React. > Deberás agregar manualmente los controladores de eventos para manejarlos dentro de tus componentes React. -Una cosa que puede confundirte, es que los `Web Components` usan ***"class"*** en vez de ***"className"*** +Una cosa que puede confundirte, es que los componentes web usan ***"class"*** en vez de ***"className"*** ```javascript function BrickFlipbox() { @@ -59,4 +59,4 @@ customElements.define('x-search', XSearch); >Nota: > >Este código **NO** funcionará si transformas clases con Babel. Ver [Este asunto](https://github.com/w3c/webcomponents/issues/587) para la discusión. ->Incluye el [custom-elements-es5-adapter](https://github.com/webcomponents/webcomponentsjs#custom-elements-es5-adapterjs) Antes de cargar tus `Web Components` para que puedas solucionar este problema. +>Incluye el [custom-elements-es5-adapter](https://github.com/webcomponents/webcomponentsjs#custom-elements-es5-adapterjs) antes de cargar tus componentes web para que puedas solucionar este problema. From 6fb93a8efa6a2dd92749bfc76a11f093a7db33ad Mon Sep 17 00:00:00 2001 From: Lorena Correa Date: Wed, 6 Feb 2019 16:36:51 -0500 Subject: [PATCH 5/5] Update translation web components --- content/docs/web-components.md | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/content/docs/web-components.md b/content/docs/web-components.md index 6f08d6ddc..faa5474bf 100644 --- a/content/docs/web-components.md +++ b/content/docs/web-components.md @@ -6,11 +6,11 @@ redirect_from: - "docs/webcomponents.html" --- -React y [Componentes Web](https://developer.mozilla.org/es/docs/Web/Web_Components) están construidos para resolver diferentes problemas. Los componentes web proporciona una fuerte encapsulación para componentes reutilizables, mientras que React proporciona una biblioteca declarativa que mantiene el DOM sincronizado con tus datos. Los dos objetivos se complementan. Como desarrollador, eres libre de usar React en tus componentes web, utilizar componentes web en React, o ambos. +React y [Web Components](https://developer.mozilla.org/es/docs/Web/Web_Components) están construidos para resolver diferentes problemas. Los Web Components proporciona una fuerte encapsulación para componentes reutilizables, mientras que React proporciona una biblioteca declarativa que mantiene el DOM sincronizado con tus datos. Los dos objetivos se complementan. Como desarrollador, eres libre de usar React en tus Web Components, utilizar Web Components en React, o ambos. -La mayoría de las personas que usan React no utilizan componentes web, pero es posible que desees hacerlo, especialmente si estás utilizando componentes de IU de terceros que se escriben utilizando componentes web. +La mayoría de las personas que usan React no utilizan Web Components, pero es posible que desees hacerlo, especialmente si estás utilizando componentes de IU de terceros que se escriben utilizando Web Components. -## Usando `Web Components` en React +## Usando Web Components en React ```javascript class HelloMessage extends React.Component { @@ -22,12 +22,12 @@ class HelloMessage extends React.Component { > Nota: > -> Los componentes web a menudo exponen una API imperativa. Por ejemplo, un componente web `video` podría exponer las funciones `play()` y `pause()`. Para acceder a un API imperativa de un componente web, necesitarás utilizar una referencia para interactuar con el DOM directamente. Si estás utilizando componentes web de terceros, lo mejor sería escribir un componente React que sirva como un contenedor para tu componente web`. +> Los Web Components a menudo exponen una API imperativa. Por ejemplo, un Web Component `video` podría exponer las funciones `play()` y `pause()`. Para acceder a un API imperativa de un Web Component, necesitarás utilizar una referencia para interactuar con el DOM directamente. Si estás utilizando Web Components de terceros, lo mejor sería escribir un componente React que sirva como un contenedor para tu Web Component`. > -> Los eventos emitidos por un componente web pueden no distribuirse correctamente a través de un árbol de renderizado React. +> Los eventos emitidos por un Web Component pueden no distribuirse correctamente a través de un árbol de renderizado React. > Deberás agregar manualmente los controladores de eventos para manejarlos dentro de tus componentes React. -Una cosa que puede confundirte, es que los componentes web usan ***"class"*** en vez de ***"className"*** +Una cosa que puede confundirte, es que los Web Components usan ***"class"*** en vez de ***"className"*** ```javascript function BrickFlipbox() { @@ -40,7 +40,7 @@ function BrickFlipbox() { } ``` -## Usando React en tus `Web Components` +## Usando React en tus Web Components ```javascript class XSearch extends HTMLElement { @@ -59,4 +59,4 @@ customElements.define('x-search', XSearch); >Nota: > >Este código **NO** funcionará si transformas clases con Babel. Ver [Este asunto](https://github.com/w3c/webcomponents/issues/587) para la discusión. ->Incluye el [custom-elements-es5-adapter](https://github.com/webcomponents/webcomponentsjs#custom-elements-es5-adapterjs) antes de cargar tus componentes web para que puedas solucionar este problema. +>Incluye el [custom-elements-es5-adapter](https://github.com/webcomponents/webcomponentsjs#custom-elements-es5-adapterjs) antes de cargar tus Web Components para que puedas solucionar este problema.