From 644e580c5915a91f0f015865a884ce815b948e35 Mon Sep 17 00:00:00 2001
From: Ricardo Ramirez <ricardo.ramirezlara@gmail.com>
Date: Tue, 5 Feb 2019 00:03:52 -0600
Subject: [PATCH 01/26] Translate intro

---
 content/docs/context.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/content/docs/context.md b/content/docs/context.md
index 35624cbc2..f2a428b76 100644
--- a/content/docs/context.md
+++ b/content/docs/context.md
@@ -4,9 +4,9 @@ title: Context
 permalink: docs/context.html
 ---
 
-Context provides a way to pass data through the component tree without having to pass props down manually at every level.
+Context provee una forma de pasar datos a través del árbol de componentes sin tener que pasar *props* manualmente en cada nivel.
 
-In a typical React application, data is passed top-down (parent to child) via props, but this can be cumbersome for certain types of props (e.g. locale preference, UI theme) that are required by many components within an application. Context provides a way to share values like these between components without having to explicitly pass a prop through every level of the tree.
+En una aplicación típica de React, los datos se pasan de arriba hacia abajo (de padre a hijo) a través de *props*, pero esto puede ser complicado para ciertos tipos de *props* (por ejemplo, localización, tema de interfaz) que son necesarios para muchos componentes dentro de una aplicación. Context proporciona una forma de compartir valores como estos entre componentes sin tener que pasar explícitamente una *prop* a través de cada nivel del árbol.
 
 - [When to Use Context](#when-to-use-context)
 - [Before You Use Context](#before-you-use-context)

From 7428bd0f34a25354b5a4dc1d393b7f4e0aba272b Mon Sep 17 00:00:00 2001
From: Ricardo Ramirez <ricardo.ramirezlara@gmail.com>
Date: Mon, 11 Feb 2019 23:03:28 -0600
Subject: [PATCH 02/26] Update table of content

---
 content/docs/context.md | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/content/docs/context.md b/content/docs/context.md
index f2a428b76..7ea11db5f 100644
--- a/content/docs/context.md
+++ b/content/docs/context.md
@@ -8,19 +8,19 @@ Context provee una forma de pasar datos a través del árbol de componentes sin
 
 En una aplicación típica de React, los datos se pasan de arriba hacia abajo (de padre a hijo) a través de *props*, pero esto puede ser complicado para ciertos tipos de *props* (por ejemplo, localización, tema de interfaz) que son necesarios para muchos componentes dentro de una aplicación. Context proporciona una forma de compartir valores como estos entre componentes sin tener que pasar explícitamente una *prop* a través de cada nivel del árbol.
 
-- [When to Use Context](#when-to-use-context)
-- [Before You Use Context](#before-you-use-context)
+- [Cuándo usar Context](#when-to-use-context)
+- [Antes de usar Context](#before-you-use-context)
 - [API](#api)
   - [React.createContext](#reactcreatecontext)
   - [Context.Provider](#contextprovider)
   - [Class.contextType](#classcontexttype)
   - [Context.Consumer](#contextconsumer)
-- [Examples](#examples)
-  - [Dynamic Context](#dynamic-context)
-  - [Updating Context from a Nested Component](#updating-context-from-a-nested-component)
-  - [Consuming Multiple Contexts](#consuming-multiple-contexts)
-- [Caveats](#caveats)
-- [Legacy API](#legacy-api)
+- [Ejemplos](#examples)
+  - [Context dinámico](#dynamic-context)
+  - [Actualizando Context desde un componente anidado](#updating-context-from-a-nested-component)
+  - [Consumiendo múltiples Contexts](#consuming-multiple-contexts)
+- [Advertencias](#caveats)
+- [API antigua](#legacy-api)
 
 ## When to Use Context
 

From 3ae4d84a976725ac48c88dcd1215622222d2ddb3 Mon Sep 17 00:00:00 2001
From: Ricardo Ramirez <ricardo.ramirezlara@gmail.com>
Date: Mon, 11 Feb 2019 23:23:40 -0600
Subject: [PATCH 03/26] Translate: When to Use Context

---
 content/docs/context.md                 |  8 +++++---
 examples/context/motivation-problem.js  |  8 ++++----
 examples/context/motivation-solution.js | 22 +++++++++++-----------
 3 files changed, 20 insertions(+), 18 deletions(-)

diff --git a/content/docs/context.md b/content/docs/context.md
index 7ea11db5f..fd8ef0594 100644
--- a/content/docs/context.md
+++ b/content/docs/context.md
@@ -6,7 +6,7 @@ permalink: docs/context.html
 
 Context provee una forma de pasar datos a través del árbol de componentes sin tener que pasar *props* manualmente en cada nivel.
 
-En una aplicación típica de React, los datos se pasan de arriba hacia abajo (de padre a hijo) a través de *props*, pero esto puede ser complicado para ciertos tipos de *props* (por ejemplo, localización, tema de interfaz) que son necesarios para muchos componentes dentro de una aplicación. Context proporciona una forma de compartir valores como estos entre componentes sin tener que pasar explícitamente una *prop* a través de cada nivel del árbol.
+En una aplicación típica de React, los datos se pasan de arriba hacia abajo (de padre a hijo) a través de *props*, pero esto puede ser complicado para ciertos tipos de *props* (por ejemplo, localización, tema de interfaz) que son necesarios para muchos componentes dentro de una aplicación. Context proporciona una forma de compartir valores como estos entre componentes sin tener que pasar explícitamente un *prop* a través de cada nivel del árbol.
 
 - [Cuándo usar Context](#when-to-use-context)
 - [Antes de usar Context](#before-you-use-context)
@@ -22,13 +22,15 @@ En una aplicación típica de React, los datos se pasan de arriba hacia abajo (d
 - [Advertencias](#caveats)
 - [API antigua](#legacy-api)
 
-## When to Use Context
+## Cuándo usar Context
 
 Context is designed to share data that can be considered "global" for a tree of React components, such as the current authenticated user, theme, or preferred language. For example, in the code below we manually thread through a "theme" prop in order to style the Button component:
 
+Context está diseñado para compartir datos que pueden considerarse "globales" para un árbol de componentes en React, como el usuario autenticado actual, el tema o el idioma preferido. Por ejemplo, en el código a continuación, pasamos manualmente un *prop* de "tema" para darle estilo al componente *Button*:
+
 `embed:context/motivation-problem.js`
 
-Using context, we can avoid passing props through intermediate elements:
+Usando Context podemos evitar pasar *props* a través de elementos intermedios:
 
 `embed:context/motivation-solution.js`
 
diff --git a/examples/context/motivation-problem.js b/examples/context/motivation-problem.js
index d166f400a..61b94c078 100644
--- a/examples/context/motivation-problem.js
+++ b/examples/context/motivation-problem.js
@@ -6,10 +6,10 @@ class App extends React.Component {
 
 function Toolbar(props) {
   // highlight-range{1-4,7}
-  // The Toolbar component must take an extra "theme" prop
-  // and pass it to the ThemedButton. This can become painful
-  // if every single button in the app needs to know the theme
-  // because it would have to be passed through all components.
+  // El componente Toolbar debe tener un prop adicional de "tema"
+  // y pasarlo a ThemedButton. Esto puede llegar a ser trabajoso
+  // si cada botón en la aplicación necesita saber el tema,
+  // porque tendría que pasar a través de todos los componentes.
   return (
     <div>
       <ThemedButton theme={props.theme} />
diff --git a/examples/context/motivation-solution.js b/examples/context/motivation-solution.js
index 94c6030a9..b54e5c62a 100644
--- a/examples/context/motivation-solution.js
+++ b/examples/context/motivation-solution.js
@@ -1,15 +1,15 @@
 // highlight-range{1-4}
-// Context lets us pass a value deep into the component tree
-// without explicitly threading it through every component.
-// Create a context for the current theme (with "light" as the default).
+// Context nos permite pasar un valor de manera profunda en el árbol de componentes
+// sin pasarlo explícitamente a través de cada componente.
+// Crear un Context para el tema actual (con "light" como valor predeterminado).
 const ThemeContext = React.createContext('light');
 
 class App extends React.Component {
   render() {
     // highlight-range{1-3,5}
-    // Use a Provider to pass the current theme to the tree below.
-    // Any component can read it, no matter how deep it is.
-    // In this example, we're passing "dark" as the current value.
+    // Usa un Provider para pasar el tema actual al árbol de abajo.
+    // Cualquier componente puede leerlo, sin importar qué tan profundo se encuentre.
+    // En este ejemplo, estamos pasando "dark" como valor actual.
     return (
       <ThemeContext.Provider value="dark">
         <Toolbar />
@@ -19,8 +19,8 @@ class App extends React.Component {
 }
 
 // highlight-range{1,2}
-// A component in the middle doesn't have to
-// pass the theme down explicitly anymore.
+// Un componente en el medio no tiene que
+// pasar el tema hacia abajo explícitamente.
 function Toolbar(props) {
   return (
     <div>
@@ -31,9 +31,9 @@ function Toolbar(props) {
 
 class ThemedButton extends React.Component {
   // highlight-range{1-3,6}
-  // Assign a contextType to read the current theme context.
-  // React will find the closest theme Provider above and use its value.
-  // In this example, the current theme is "dark".
+  // Asigna un contextType para leer el contexto del tema actual.
+  // React encontrará el Provider superior más cercano y usará su valor.
+  // En este ejemplo, el tema actual es "dark".
   static contextType = ThemeContext;
   render() {
     return <Button theme={this.context} />;

From 8c50969e463781aefa84471811056ef9b8a288bc Mon Sep 17 00:00:00 2001
From: Ricardo Ramirez <ricardo.ramirezlara@gmail.com>
Date: Mon, 11 Feb 2019 23:35:07 -0600
Subject: [PATCH 04/26] Add heading IDs

---
 content/docs/context.md | 26 +++++++++++++-------------
 1 file changed, 13 insertions(+), 13 deletions(-)

diff --git a/content/docs/context.md b/content/docs/context.md
index fd8ef0594..446cb74f8 100644
--- a/content/docs/context.md
+++ b/content/docs/context.md
@@ -22,7 +22,7 @@ En una aplicación típica de React, los datos se pasan de arriba hacia abajo (d
 - [Advertencias](#caveats)
 - [API antigua](#legacy-api)
 
-## Cuándo usar Context
+## Cuándo usar Context {#when-to-use-context}
 
 Context is designed to share data that can be considered "global" for a tree of React components, such as the current authenticated user, theme, or preferred language. For example, in the code below we manually thread through a "theme" prop in order to style the Button component:
 
@@ -34,7 +34,7 @@ Usando Context podemos evitar pasar *props* a través de elementos intermedios:
 
 `embed:context/motivation-solution.js`
 
-## Before You Use Context
+## Before You Use Context {#before-you-use-context}
 
 Context is primarily used when some data needs to be accessible by *many* components at different nesting levels. Apply it sparingly because it makes component reuse more difficult.
 
@@ -109,9 +109,9 @@ This pattern is sufficient for many cases when you need to decouple a child from
 
 However, sometimes the same data needs to be accessible by many components in the tree, and at different nesting levels. Context lets you "broadcast" such data, and changes to it, to all components below. Common examples where using context might be simpler than the alternatives include managing the current locale, theme, or a data cache. 
 
-## API
+## API {#api}
 
-### `React.createContext`
+### `React.createContext` {#reactcreatecontext}
 
 ```js
 const MyContext = React.createContext(defaultValue);
@@ -121,7 +121,7 @@ Creates a Context object. When React renders a component that subscribes to this
 
 The `defaultValue` argument is **only** used when a component does not have a matching Provider above it in the tree. This can be helpful for testing components in isolation without wrapping them. Note: passing `undefined` as a Provider value does not cause consuming components to use `defaultValue`.
 
-### `Context.Provider`
+### `Context.Provider` {#contextprovider}
 
 ```js
 <MyContext.Provider value={/* some value */}>
@@ -139,7 +139,7 @@ Changes are determined by comparing the new and old values using the same algori
 > 
 > The way changes are determined can cause some issues when passing objects as `value`: see [Caveats](#caveats).
 
-### `Class.contextType`
+### `Class.contextType` {#classcontexttype}
 
 ```js
 class MyClass extends React.Component {
@@ -182,7 +182,7 @@ class MyClass extends React.Component {
 }
 ```
 
-### `Context.Consumer`
+### `Context.Consumer` {#contextconsumer}
 
 ```js
 <MyContext.Consumer>
@@ -198,9 +198,9 @@ Requires a [function as a child](/docs/render-props.html#using-props-other-than-
 > 
 > For more information about the 'function as a child' pattern, see [render props](/docs/render-props.html).
 
-## Examples
+## Examples {#examples}
 
-### Dynamic Context
+### Dynamic Context {#dynamic-context}
 
 A more complex example with dynamic values for the theme:
 
@@ -213,7 +213,7 @@ A more complex example with dynamic values for the theme:
 **app.js**
 `embed:context/theme-detailed-app.js`
 
-### Updating Context from a Nested Component
+### Updating Context from a Nested Component {#updating-context-from-a-nested-component}
 
 It is often necessary to update the context from a component that is nested somewhere deeply in the component tree. In this case you can pass a function down through the context to allow consumers to update the context:
 
@@ -226,7 +226,7 @@ It is often necessary to update the context from a component that is nested some
 **app.js**
 `embed:context/updating-nested-context-app.js`
 
-### Consuming Multiple Contexts
+### Consuming Multiple Contexts {#consuming-multiple-contexts}
 
 To keep context re-rendering fast, React needs to make each context consumer a separate node in the tree. 
 
@@ -234,7 +234,7 @@ To keep context re-rendering fast, React needs to make each context consumer a s
 
 If two or more context values are often used together, you might want to consider creating your own render prop component that provides both.
 
-## Caveats
+## Caveats {#caveats}
 
 Because context uses reference identity to determine when to re-render, there are some gotchas that could trigger unintentional renders in consumers when a provider's parent re-renders. For example, the code below will re-render all consumers every time the Provider re-renders because a new object is always created for `value`:
 
@@ -245,7 +245,7 @@ To get around this, lift the value into the parent's state:
 
 `embed:context/reference-caveats-solution.js`
 
-## Legacy API
+## Legacy API {#legacy-api}
 
 > Note
 > 

From f40d5722aeeed0b877292cfcb63c2cd86ab63d85 Mon Sep 17 00:00:00 2001
From: Ricardo Ramirez <ricardo.ramirezlara@gmail.com>
Date: Tue, 12 Feb 2019 00:08:32 -0600
Subject: [PATCH 05/26] Translate: Before You Use Context

---
 content/docs/context.md | 39 +++++++++++++++++++--------------------
 1 file changed, 19 insertions(+), 20 deletions(-)

diff --git a/content/docs/context.md b/content/docs/context.md
index 446cb74f8..e4cb5c9f4 100644
--- a/content/docs/context.md
+++ b/content/docs/context.md
@@ -24,8 +24,6 @@ En una aplicación típica de React, los datos se pasan de arriba hacia abajo (d
 
 ## Cuándo usar Context {#when-to-use-context}
 
-Context is designed to share data that can be considered "global" for a tree of React components, such as the current authenticated user, theme, or preferred language. For example, in the code below we manually thread through a "theme" prop in order to style the Button component:
-
 Context está diseñado para compartir datos que pueden considerarse "globales" para un árbol de componentes en React, como el usuario autenticado actual, el tema o el idioma preferido. Por ejemplo, en el código a continuación, pasamos manualmente un *prop* de "tema" para darle estilo al componente *Button*:
 
 `embed:context/motivation-problem.js`
@@ -34,29 +32,29 @@ Usando Context podemos evitar pasar *props* a través de elementos intermedios:
 
 `embed:context/motivation-solution.js`
 
-## Before You Use Context {#before-you-use-context}
+## Antes de usar Context {#before-you-use-context}
 
-Context is primarily used when some data needs to be accessible by *many* components at different nesting levels. Apply it sparingly because it makes component reuse more difficult.
+Context se usa principalmente cuando algunos datos tienen que ser accesibles por *muchos* componentes en diferentes niveles de anidamiento. Aplícalo con moderación porque hace que la reutilización de componentes sea más difícil.
 
-**If you only want to avoid passing some props through many levels, [component composition](/docs/composition-vs-inheritance.html) is often a simpler solution than context.**
+**Si solo deseas evitar pasar algunos props a través de muchos niveles, la [composición de componentes](/docs/composition-vs-inheritance.html) suele ser una solución más simple que Context.**
 
-For example, consider a `Page` component that passes a `user` and `avatarSize` prop several levels down so that deeply nested `Link` and `Avatar` components can read it:
+Por ejemplo, considera un componente `Page` que pasa un prop `user` y `avatarSize` varios niveles hacia abajo para que los componentes anidados `Link` y `Avatar` puedan leerlo:
 
 ```js
 <Page user={user} avatarSize={avatarSize} />
-// ... which renders ...
+// ... que renderiza ...
 <PageLayout user={user} avatarSize={avatarSize} />
-// ... which renders ...
+// ... que renderiza ...
 <NavigationBar user={user} avatarSize={avatarSize} />
-// ... which renders ...
+// ... que renderiza ...
 <Link href={user.permalink}>
   <Avatar user={user} size={avatarSize} />
 </Link>
 ```
 
-It might feel redundant to pass down the `user` and `avatarSize` props through many levels if in the end only the `Avatar` component really needs it. It's also annoying that whenever the `Avatar` component needs more props from the top, you have to add them at all the intermediate levels too.
+Puede parecer redundante pasar los props de `user` y` avatarSize` a través de muchos niveles si al final solo el componente `Avatar` realmente lo necesita. También es molesto que cada vez que el componente `Avatar` necesite más props, también hay que agregarlos en todos los niveles intermedios.
 
-One way to solve this issue **without context** is to [pass down the `Avatar` component itself](/docs/composition-vs-inheritance.html#containment) so that the intermediate components don't need to know about the `user` prop:
+Una forma de resolver este problema **sin usar Context** es [pasar el mismo componente `Avatar`](/docs/composition-vs-inheritance.html#containment) para que los componentes intermedios no tengan que saber sobre el prop `usuario`:
 
 ```js
 function Page(props) {
@@ -69,21 +67,22 @@ function Page(props) {
   return <PageLayout userLink={userLink} />;
 }
 
-// Now, we have:
+// Ahora tenemos:
 <Page user={user} />
-// ... which renders ...
+// ... que renderiza ...
 <PageLayout userLink={...} />
-// ... which renders ...
+// ... que renderiza ...
 <NavigationBar userLink={...} />
-// ... which renders ...
+// ... que renderiza ...
 {props.userLink}
 ```
 
-With this change, only the top-most Page component needs to know about the `Link` and `Avatar` components' use of `user` and `avatarSize`.
+Con este cambio, solo el componente más importante Page necesita saber sobre el uso de `user` y `avatarSize` de los componentes `Link` y `Avatar`.
+
+Esta *inversión de control* puede hacer que tu código, en muchos casos, sea más limpio al reducir la cantidad de props que necesitas pasar a través de tu aplicación y dar más control a los componentes raíz. Sin embargo, esta no es la opción correcta en todos los casos: mover más complejidad más arriba en el árbol hace que esos componentes de nivel superior sean más complicados y obliga a los componentes de nivel inferior a ser más flexibles de lo que tu podrías desear.
 
-This *inversion of control* can make your code cleaner in many cases by reducing the amount of props you need to pass through your application and giving more control to the root components. However, this isn't the right choice in every case: moving more complexity higher in the tree makes those higher-level components more complicated and forces the lower-level components to be more flexible than you may want.
+No estás limitado a un solo hijo por componente. Puede pasar varios hijos, o incluso tener varios "slots" separadas para los hijos, [como se documenta aquí](/docs/composition-vs-inheritance.html#contenering):
 
-You're not limited to a single child for a component. You may pass multiple children, or even have multiple separate "slots" for children, [as documented here](/docs/composition-vs-inheritance.html#containment):
 
 ```js
 function Page(props) {
@@ -105,9 +104,9 @@ function Page(props) {
 }
 ```
 
-This pattern is sufficient for many cases when you need to decouple a child from its immediate parents. You can take it even further with [render props](/docs/render-props.html) if the child needs to communicate with the parent before rendering.
+Este patrón es suficiente para muchos casos cuando necesitas separar a un componente hijo de sus componentes padres inmediatos. Puedes llevarlo aún más lejos con [render props](/docs/render-props.html) si el hijo necesita comunicarse con el padre antes de renderizar.
 
-However, sometimes the same data needs to be accessible by many components in the tree, and at different nesting levels. Context lets you "broadcast" such data, and changes to it, to all components below. Common examples where using context might be simpler than the alternatives include managing the current locale, theme, or a data cache. 
+Sin embargo, a veces, los mismos datos deben ser accesibles por muchos componentes en el árbol y a diferentes niveles de anidamiento. El contexto te permite "transmitir" dichos datos, y los cambios, a todos los componentes abajo. Los ejemplos comunes en los que el uso de Context podría ser más simple que otras alternativas incluyen la administración de la configuración regional, el tema o un caché de datos.
 
 ## API {#api}
 

From e2b75bee3c424e0be29044fef4d4b88e5890f124 Mon Sep 17 00:00:00 2001
From: Ricardo Ramirez <ricardo.ramirezlara@gmail.com>
Date: Wed, 20 Feb 2019 00:39:13 -0600
Subject: [PATCH 06/26] Update translation

---
 content/docs/context.md | 68 ++++++++++++++++++++---------------------
 1 file changed, 34 insertions(+), 34 deletions(-)

diff --git a/content/docs/context.md b/content/docs/context.md
index e4cb5c9f4..e39b4af24 100644
--- a/content/docs/context.md
+++ b/content/docs/context.md
@@ -116,27 +116,27 @@ Sin embargo, a veces, los mismos datos deben ser accesibles por muchos component
 const MyContext = React.createContext(defaultValue);
 ```
 
-Creates a Context object. When React renders a component that subscribes to this Context object it will read the current context value from the closest matching `Provider` above it in the tree.
+Crea un objeto Context. Cuando React renderiza un componente que se suscribe a este objeto Context, este leerá el valor de contexto actual del `Provider` más cercano en el árbol.
 
-The `defaultValue` argument is **only** used when a component does not have a matching Provider above it in the tree. This can be helpful for testing components in isolation without wrapping them. Note: passing `undefined` as a Provider value does not cause consuming components to use `defaultValue`.
+El argumento `defaultValue` es usado **únicamente** cuando un componente no tiene un `Provider` superior a él en el árbol. Esto puede ser útil para probar componentes de forma aislada sin contenerlos. Nota: pasar `undefined` como valor al `Provider` no hace que los componentes que lo consumen utilicen `defaultValue`.
 
 ### `Context.Provider` {#contextprovider}
 
 ```js
-<MyContext.Provider value={/* some value */}>
+<MyContext.Provider value={/* algún valor */}>
 ```
 
-Every Context object comes with a Provider React component that allows consuming components to subscribe to context changes.
+Cada objeto Context viene con un componente `Provider` de React que permite que los componentes que consumen se suscriban a los cambios de contexto.
 
-Accepts a `value` prop to be passed to consuming components that are descendants of this Provider. One Provider can be connected to many consumers. Providers can be nested to override values deeper within the tree.
+Acepta un prop `value` que se pasará a los componentes consumidores que son descendientes de este `Provider`. Un `Provider` puede estar conectado a muchos consumidores. Los `Providers` pueden estar anidados para sobreescribir los valores más profundos dentro del árbol.
 
-All consumers that are descendants of a Provider will re-render whenever the Provider's `value` prop changes. The propagation from Provider to its descendant consumers is not subject to the `shouldComponentUpdate` method, so the consumer is updated even when an ancestor component bails out of the update.
+Todos los consumidores que son descendientes de un `Provider` se re-renderizarán cada vez que cambie el prop `value` del `Provider`. La propagación del `Provider` a sus consumidores descendientes no está sujeta al método `shouldComponentUpdate`, por lo que el consumidor se actualiza incluso cuando un componente padre evita la actualización.
 
-Changes are determined by comparing the new and old values using the same algorithm as [`Object.is`](//developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is#Description). 
+Los cambios se determinan comparando los valores nuevos y antiguos utilizando el mismo algoritmo que [`Object.is`](//developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is#Description). 
 
-> Note
+> Nota
 > 
-> The way changes are determined can cause some issues when passing objects as `value`: see [Caveats](#caveats).
+> La forma en que se determinan los cambios puede causar algunos problemas al pasar objetos como `value`: see [Caveats](#caveats).
 
 ### `Class.contextType` {#classcontexttype}
 
@@ -144,7 +144,7 @@ Changes are determined by comparing the new and old values using the same algori
 class MyClass extends React.Component {
   componentDidMount() {
     let value = this.context;
-    /* perform a side-effect at mount using the value of MyContext */
+    /* realiza un efecto secundario en el montaje utilizando el valor de MyContext */
   }
   componentDidUpdate() {
     let value = this.context;
@@ -156,19 +156,19 @@ class MyClass extends React.Component {
   }
   render() {
     let value = this.context;
-    /* render something based on the value of MyContext */
+    /* renderiza algo basado en el valor de MyContext */
   }
 }
 MyClass.contextType = MyContext;
 ```
 
-The `contextType` property on a class can be assigned a Context object created by [`React.createContext()`](#reactcreatecontext). This lets you consume the nearest current value of that Context type using `this.context`. You can reference this in any of the lifecycle methods including the render function.
+A la propiedad `contextType` en una clase se le puede asignar un objeto Context creado por [`React.createContext()`](#reactcreatecontext). Esto te permite consumir el valor actual más cercano de ese Context utilizando `this.context`. Puedes hacer referencia a esto en cualquiera de los métodos del ciclo de vida, incluida la función de renderizado.
 
 > Note:
 >
-> You can only subscribe to a single context using this API. If you need to read more than one see [Consuming Multiple Contexts](#consuming-multiple-contexts).
+> Solo puedes suscribirte a un solo Context usando esta API. Si necesitas leer más de una, lee [Consuming Multiple Contexts](#consuming-multiple-contexts).
 >
-> If you are using the experimental [public class fields syntax](https://babeljs.io/docs/plugins/transform-class-properties/), you can use a **static** class field to initialize your `contextType`.
+> Si está utilizando la [sintaxis experimental de campos de clase pública](https://babeljs.io/docs/plugins/transform-class-properties/), puedes usar un campo de clase **static** para inicializar tu `contextType`.
 
 
 ```js
@@ -176,7 +176,7 @@ class MyClass extends React.Component {
   static contextType = MyContext;
   render() {
     let value = this.context;
-    /* render something based on the value */
+    /* renderiza algo basado en el valor */
   }
 }
 ```
@@ -185,23 +185,23 @@ class MyClass extends React.Component {
 
 ```js
 <MyContext.Consumer>
-  {value => /* render something based on the context value */}
+  {value => /* renderiza algo basado en el valor de contexto */}
 </MyContext.Consumer>
 ```
 
-A React component that subscribes to context changes. This lets you subscribe to a context within a [function component](/docs/components-and-props.html#function-and-class-components).
+Un componente de React que se suscribe a cambios de contexto. Esto le permite suscribirse a un contexto dentro de un [componente de función](/docs/components-and-props.html#function-and-class-components).
 
-Requires a [function as a child](/docs/render-props.html#using-props-other-than-render). The function receives the current context value and returns a React node. The `value` argument passed to the function will be equal to the `value` prop of the closest Provider for this context above in the tree. If there is no Provider for this context above, the `value` argument will be equal to the `defaultValue` that was passed to `createContext()`.
+Requiere una [función como hijo](/docs/render-props.html#using-props-other-than-render). La función recibe el valor de contexto actual y devuelve un nodo de React. El argumento `value` pasado a la función será igual al prop `value` del `Provider` más cercano para este contexto en el árbol. Si no hay un `Proveedor` superior para este contexto, el argumento `value` será igual al `defaultValue` que se pasó a `createContext()`.
 
-> Note
+> Nota
 > 
-> For more information about the 'function as a child' pattern, see [render props](/docs/render-props.html).
+> Para más información sobre el patrón 'función como hijo', ver [render props](/docs/render-props.html).
 
-## Examples {#examples}
+## Ejemplos {#examples}
 
-### Dynamic Context {#dynamic-context}
+### Context dinámico {#dynamic-context}
 
-A more complex example with dynamic values for the theme:
+Un ejemplo más complejo con valores dinámicos para el tema:
 
 **theme-context.js**
 `embed:context/theme-detailed-theme-context.js`
@@ -212,9 +212,9 @@ A more complex example with dynamic values for the theme:
 **app.js**
 `embed:context/theme-detailed-app.js`
 
-### Updating Context from a Nested Component {#updating-context-from-a-nested-component}
+### Actualización Context de un componente anidado {#updating-context-from-a-nested-component}
 
-It is often necessary to update the context from a component that is nested somewhere deeply in the component tree. In this case you can pass a function down through the context to allow consumers to update the context:
+A menudo es necesario actualizar el contexto desde un componente que está anidado en algún lugar del árbol de componentes. En este caso, puedes pasar una función a través del contexto para permitir a los consumidores actualizar el contexto:
 
 **theme-context.js**
 `embed:context/updating-nested-context-context.js`
@@ -225,28 +225,28 @@ It is often necessary to update the context from a component that is nested some
 **app.js**
 `embed:context/updating-nested-context-app.js`
 
-### Consuming Multiple Contexts {#consuming-multiple-contexts}
+### Consumir múltiples Context {#consuming-multiple-contexts}
 
-To keep context re-rendering fast, React needs to make each context consumer a separate node in the tree. 
+Para mantener el renderizado de Context rápido, React necesita hacer que cada consumidor de contexto sea un nodo separado en el árbol.
 
 `embed:context/multiple-contexts.js`
 
-If two or more context values are often used together, you might want to consider creating your own render prop component that provides both.
+Si dos o más valores de contexto se usan a menudo juntos, es posible que desees considerar la creación de tu propio componente de procesamiento que proporcione ambos.
 
-## Caveats {#caveats}
+## Advertencias {#caveats}
 
-Because context uses reference identity to determine when to re-render, there are some gotchas that could trigger unintentional renders in consumers when a provider's parent re-renders. For example, the code below will re-render all consumers every time the Provider re-renders because a new object is always created for `value`:
+Debido a que `Context` usa la identidad de referencia para determinar cuándo se debe volver a renderizar, hay algunos errores que podrían provocar renderizados involuntarios en los consumidores cuando se vuelve a renderizar en el padre del proveedor. Por ejemplo, el código a continuación volverá a representar a todos los consumidores cada vez que el Proveedor vuelva a renderizar porque siempre se crea un nuevo objeto para `value`:
 
 `embed:context/reference-caveats-problem.js`
 
 
-To get around this, lift the value into the parent's state:
+Para evitar esto, levanta el valor al estado del padre:
 
 `embed:context/reference-caveats-solution.js`
 
-## Legacy API {#legacy-api}
+## API antigua {#legacy-api}
 
-> Note
+> Nota
 > 
-> React previously shipped with an experimental context API. The old API will be supported in all 16.x releases, but applications using it should migrate to the new version. The legacy API will be removed in a future major React version. Read the [legacy context docs here](/docs/legacy-context.html).
+> React previamente liberado con el API experimental de Context. La antigua API será compatible con todas las versiones 16.x, pero las aplicaciones que la utilicen deberían migrar a la nueva versión. La API antigua se eliminará en una importante futura versión de React. Leer la [documentación antigua de Context aquí](/docs/legacy-context.html).
  

From fe7f88e78d41dda68553a810a4fa53a20d7a56b8 Mon Sep 17 00:00:00 2001
From: Ricardo Ramirez <ricardo.ramirezlara@gmail.com>
Date: Wed, 20 Feb 2019 00:39:50 -0600
Subject: [PATCH 07/26] Update examples

---
 examples/context/multiple-contexts.js            |  6 +++---
 examples/context/reference-caveats-problem.js    |  2 +-
 examples/context/reference-caveats-solution.js   |  2 +-
 examples/context/theme-detailed-app.js           | 10 +++++-----
 examples/context/theme-detailed-theme-context.js |  2 +-
 5 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/examples/context/multiple-contexts.js b/examples/context/multiple-contexts.js
index 54e06df7f..438a77291 100644
--- a/examples/context/multiple-contexts.js
+++ b/examples/context/multiple-contexts.js
@@ -1,7 +1,7 @@
 // Theme context, default to light theme
 const ThemeContext = React.createContext('light');
 
-// Signed-in user context
+// Contexto de usuario registrado
 const UserContext = React.createContext({
   name: 'Guest',
 });
@@ -10,7 +10,7 @@ class App extends React.Component {
   render() {
     const {signedInUser, theme} = this.props;
 
-    // App component that provides initial context values
+    // Componente App que proporciona valores de contexto iniciales
     // highlight-range{2-3,5-6}
     return (
       <ThemeContext.Provider value={theme}>
@@ -31,7 +31,7 @@ function Layout() {
   );
 }
 
-// A component may consume multiple contexts
+// Un componente puede consumir múltiples contextos.
 function Content() {
   // highlight-range{2-10}
   return (
diff --git a/examples/context/reference-caveats-problem.js b/examples/context/reference-caveats-problem.js
index fa311c1d4..d9b214e77 100644
--- a/examples/context/reference-caveats-problem.js
+++ b/examples/context/reference-caveats-problem.js
@@ -2,7 +2,7 @@ class App extends React.Component {
   render() {
     // highlight-range{2}
     return (
-      <Provider value={{something: 'something'}}>
+      <Provider value={{something: 'algo'}}>
         <Toolbar />
       </Provider>
     );
diff --git a/examples/context/reference-caveats-solution.js b/examples/context/reference-caveats-solution.js
index deefabd46..9ce537d29 100644
--- a/examples/context/reference-caveats-solution.js
+++ b/examples/context/reference-caveats-solution.js
@@ -3,7 +3,7 @@ class App extends React.Component {
     super(props);
     // highlight-range{2}
     this.state = {
-      value: {something: 'something'},
+      value: {something: 'algo'},
     };
   }
 
diff --git a/examples/context/theme-detailed-app.js b/examples/context/theme-detailed-app.js
index 7edfe4db7..4ccaea67c 100644
--- a/examples/context/theme-detailed-app.js
+++ b/examples/context/theme-detailed-app.js
@@ -1,11 +1,11 @@
 import {ThemeContext, themes} from './theme-context';
 import ThemedButton from './themed-button';
 
-// An intermediate component that uses the ThemedButton
+// Un componente intermedio que utiliza ThemedButton.
 function Toolbar(props) {
   return (
     <ThemedButton onClick={props.changeTheme}>
-      Change Theme
+      Cambiar tema
     </ThemedButton>
   );
 }
@@ -29,9 +29,9 @@ class App extends React.Component {
 
   render() {
     //highlight-range{1-3}
-    // The ThemedButton button inside the ThemeProvider
-    // uses the theme from state while the one outside uses
-    // the default dark theme
+    // El botón ThemedButton dentro de ThemeProvider
+    // usa el tema del estado mientras que el exterior usa
+    // el tema oscuro predeterminado
     //highlight-range{3-5,7}
     return (
       <Page>
diff --git a/examples/context/theme-detailed-theme-context.js b/examples/context/theme-detailed-theme-context.js
index 5485472a0..f6939b48f 100644
--- a/examples/context/theme-detailed-theme-context.js
+++ b/examples/context/theme-detailed-theme-context.js
@@ -11,5 +11,5 @@ export const themes = {
 
 // highlight-range{1-3}
 export const ThemeContext = React.createContext(
-  themes.dark // default value
+  themes.dark // valor por defecto
 );

From 2147ef0a1a17e6949cc14d544b5f73d5025819d6 Mon Sep 17 00:00:00 2001
From: Miguel Alejandro Bolivar Portilla <MBolivar360@gmail.com>
Date: Wed, 20 Feb 2019 23:03:21 -0600
Subject: [PATCH 08/26] Update content/docs/context.md

Co-Authored-By: ricardoerl <ricardo.ramirezlara@gmail.com>
---
 content/docs/context.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/docs/context.md b/content/docs/context.md
index e39b4af24..a4cc20fae 100644
--- a/content/docs/context.md
+++ b/content/docs/context.md
@@ -6,7 +6,7 @@ permalink: docs/context.html
 
 Context provee una forma de pasar datos a través del árbol de componentes sin tener que pasar *props* manualmente en cada nivel.
 
-En una aplicación típica de React, los datos se pasan de arriba hacia abajo (de padre a hijo) a través de *props*, pero esto puede ser complicado para ciertos tipos de *props* (por ejemplo, localización, tema de interfaz) que son necesarios para muchos componentes dentro de una aplicación. Context proporciona una forma de compartir valores como estos entre componentes sin tener que pasar explícitamente un *prop* a través de cada nivel del árbol.
+En una aplicación típica de React, los datos se pasan de arriba hacia abajo (de padre a hijo) a través de *props*, pero esto puede ser complicado para ciertos tipos de *props* (por ejemplo, localización, el tema de la interfaz) que son necesarios para muchos componentes dentro de una aplicación. Context proporciona una forma de compartir valores como estos entre componentes sin tener que pasar explícitamente un *prop* a través de cada nivel del árbol.
 
 - [Cuándo usar Context](#when-to-use-context)
 - [Antes de usar Context](#before-you-use-context)

From a16f502f8544101220152d995af0e704466a9a7b Mon Sep 17 00:00:00 2001
From: Miguel Alejandro Bolivar Portilla <MBolivar360@gmail.com>
Date: Wed, 20 Feb 2019 23:04:49 -0600
Subject: [PATCH 09/26] Update examples/context/motivation-problem.js

Co-Authored-By: ricardoerl <ricardo.ramirezlara@gmail.com>
---
 examples/context/motivation-problem.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/examples/context/motivation-problem.js b/examples/context/motivation-problem.js
index 61b94c078..a670d9b31 100644
--- a/examples/context/motivation-problem.js
+++ b/examples/context/motivation-problem.js
@@ -6,7 +6,7 @@ class App extends React.Component {
 
 function Toolbar(props) {
   // highlight-range{1-4,7}
-  // El componente Toolbar debe tener un prop adicional de "tema"
+  // El componente Toolbar debe tener un prop adicional "theme"
   // y pasarlo a ThemedButton. Esto puede llegar a ser trabajoso
   // si cada botón en la aplicación necesita saber el tema,
   // porque tendría que pasar a través de todos los componentes.

From e503368b41167f5e0cf8b393c8d130b349f6a1b3 Mon Sep 17 00:00:00 2001
From: Miguel Alejandro Bolivar Portilla <MBolivar360@gmail.com>
Date: Wed, 20 Feb 2019 23:05:05 -0600
Subject: [PATCH 10/26] Update examples/context/motivation-solution.js

Co-Authored-By: ricardoerl <ricardo.ramirezlara@gmail.com>
---
 examples/context/motivation-solution.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/examples/context/motivation-solution.js b/examples/context/motivation-solution.js
index b54e5c62a..77bf4ce9b 100644
--- a/examples/context/motivation-solution.js
+++ b/examples/context/motivation-solution.js
@@ -1,5 +1,5 @@
 // highlight-range{1-4}
-// Context nos permite pasar un valor de manera profunda en el árbol de componentes
+// Context nos permite pasar un valor a lo profundo del árbol de componentes
 // sin pasarlo explícitamente a través de cada componente.
 // Crear un Context para el tema actual (con "light" como valor predeterminado).
 const ThemeContext = React.createContext('light');

From 9154138a1d4d7d6482808bd4e0db0b7a50bfa816 Mon Sep 17 00:00:00 2001
From: Miguel Alejandro Bolivar Portilla <MBolivar360@gmail.com>
Date: Wed, 20 Feb 2019 23:05:29 -0600
Subject: [PATCH 11/26] Update content/docs/context.md

Co-Authored-By: ricardoerl <ricardo.ramirezlara@gmail.com>
---
 content/docs/context.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/docs/context.md b/content/docs/context.md
index a4cc20fae..902a628e5 100644
--- a/content/docs/context.md
+++ b/content/docs/context.md
@@ -81,7 +81,7 @@ Con este cambio, solo el componente más importante Page necesita saber sobre el
 
 Esta *inversión de control* puede hacer que tu código, en muchos casos, sea más limpio al reducir la cantidad de props que necesitas pasar a través de tu aplicación y dar más control a los componentes raíz. Sin embargo, esta no es la opción correcta en todos los casos: mover más complejidad más arriba en el árbol hace que esos componentes de nivel superior sean más complicados y obliga a los componentes de nivel inferior a ser más flexibles de lo que tu podrías desear.
 
-No estás limitado a un solo hijo por componente. Puede pasar varios hijos, o incluso tener varios "slots" separadas para los hijos, [como se documenta aquí](/docs/composition-vs-inheritance.html#contenering):
+No estás limitado a un solo hijo por componente. Puede pasar varios hijos, o incluso tener varios “huecos” (slots) separados para los hijos, [como se documenta aquí](/docs/composition-vs-inheritance.html#contenering):
 
 
 ```js

From 3e9f4ae6bfab52d18fecd90b31d31a85ce4ba3fc Mon Sep 17 00:00:00 2001
From: Miguel Alejandro Bolivar Portilla <MBolivar360@gmail.com>
Date: Wed, 20 Feb 2019 23:05:56 -0600
Subject: [PATCH 12/26] Update content/docs/context.md

Co-Authored-By: ricardoerl <ricardo.ramirezlara@gmail.com>
---
 content/docs/context.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/docs/context.md b/content/docs/context.md
index 902a628e5..b9561a044 100644
--- a/content/docs/context.md
+++ b/content/docs/context.md
@@ -106,7 +106,7 @@ function Page(props) {
 
 Este patrón es suficiente para muchos casos cuando necesitas separar a un componente hijo de sus componentes padres inmediatos. Puedes llevarlo aún más lejos con [render props](/docs/render-props.html) si el hijo necesita comunicarse con el padre antes de renderizar.
 
-Sin embargo, a veces, los mismos datos deben ser accesibles por muchos componentes en el árbol y a diferentes niveles de anidamiento. El contexto te permite "transmitir" dichos datos, y los cambios, a todos los componentes abajo. Los ejemplos comunes en los que el uso de Context podría ser más simple que otras alternativas incluyen la administración de la configuración regional, el tema o un caché de datos.
+Sin embargo, a veces, los mismos datos deben ser accesibles por muchos componentes en el árbol y a diferentes niveles de anidamiento. Context te permite "transmitir" dichos datos, y los cambios, a todos los componentes de abajo. Los ejemplos comunes en los que el uso de Context podría ser más simple que otras alternativas incluyen la administración de la configuración de localización, el tema o un caché de datos.
 
 ## API {#api}
 

From a2335d4761d81a593f8281c66a59f65ea3256e84 Mon Sep 17 00:00:00 2001
From: Miguel Alejandro Bolivar Portilla <MBolivar360@gmail.com>
Date: Wed, 20 Feb 2019 23:06:26 -0600
Subject: [PATCH 13/26] Update content/docs/context.md

Co-Authored-By: ricardoerl <ricardo.ramirezlara@gmail.com>
---
 content/docs/context.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/docs/context.md b/content/docs/context.md
index b9561a044..e99e19914 100644
--- a/content/docs/context.md
+++ b/content/docs/context.md
@@ -212,7 +212,7 @@ Un ejemplo más complejo con valores dinámicos para el tema:
 **app.js**
 `embed:context/theme-detailed-app.js`
 
-### Actualización Context de un componente anidado {#updating-context-from-a-nested-component}
+### Actualizando Context desde un componente anidado {#updating-context-from-a-nested-component}
 
 A menudo es necesario actualizar el contexto desde un componente que está anidado en algún lugar del árbol de componentes. En este caso, puedes pasar una función a través del contexto para permitir a los consumidores actualizar el contexto:
 

From b432a876f98ae76bdda73554f77e5b0e47429ca4 Mon Sep 17 00:00:00 2001
From: Miguel Alejandro Bolivar Portilla <MBolivar360@gmail.com>
Date: Wed, 20 Feb 2019 23:06:45 -0600
Subject: [PATCH 14/26] Update examples/context/reference-caveats-problem.js

Co-Authored-By: ricardoerl <ricardo.ramirezlara@gmail.com>
---
 examples/context/reference-caveats-problem.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/examples/context/reference-caveats-problem.js b/examples/context/reference-caveats-problem.js
index d9b214e77..fa311c1d4 100644
--- a/examples/context/reference-caveats-problem.js
+++ b/examples/context/reference-caveats-problem.js
@@ -2,7 +2,7 @@ class App extends React.Component {
   render() {
     // highlight-range{2}
     return (
-      <Provider value={{something: 'algo'}}>
+      <Provider value={{something: 'something'}}>
         <Toolbar />
       </Provider>
     );

From 05783aa45e0b2dfc259ad5bfe4d8373d8eae4f04 Mon Sep 17 00:00:00 2001
From: Miguel Alejandro Bolivar Portilla <MBolivar360@gmail.com>
Date: Wed, 20 Feb 2019 23:06:54 -0600
Subject: [PATCH 15/26] Update examples/context/reference-caveats-solution.js

Co-Authored-By: ricardoerl <ricardo.ramirezlara@gmail.com>
---
 examples/context/reference-caveats-solution.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/examples/context/reference-caveats-solution.js b/examples/context/reference-caveats-solution.js
index 9ce537d29..deefabd46 100644
--- a/examples/context/reference-caveats-solution.js
+++ b/examples/context/reference-caveats-solution.js
@@ -3,7 +3,7 @@ class App extends React.Component {
     super(props);
     // highlight-range{2}
     this.state = {
-      value: {something: 'algo'},
+      value: {something: 'something'},
     };
   }
 

From 38f914d6c424d87027e8f47e16fe4e2f8eb5c3fb Mon Sep 17 00:00:00 2001
From: Miguel Alejandro Bolivar Portilla <MBolivar360@gmail.com>
Date: Wed, 20 Feb 2019 23:07:23 -0600
Subject: [PATCH 16/26] Update content/docs/context.md

Co-Authored-By: ricardoerl <ricardo.ramirezlara@gmail.com>
---
 content/docs/context.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/docs/context.md b/content/docs/context.md
index e99e19914..d8aff519b 100644
--- a/content/docs/context.md
+++ b/content/docs/context.md
@@ -235,7 +235,7 @@ Si dos o más valores de contexto se usan a menudo juntos, es posible que desees
 
 ## Advertencias {#caveats}
 
-Debido a que `Context` usa la identidad de referencia para determinar cuándo se debe volver a renderizar, hay algunos errores que podrían provocar renderizados involuntarios en los consumidores cuando se vuelve a renderizar en el padre del proveedor. Por ejemplo, el código a continuación volverá a representar a todos los consumidores cada vez que el Proveedor vuelva a renderizar porque siempre se crea un nuevo objeto para `value`:
+Debido a que `Context` usa la identidad por referencia para determinar cuándo se debe volver a renderizar, hay algunos errores que podrían provocar renderizados involuntarios en los consumidores cuando se vuelve a renderizar en el padre del proveedor. Por ejemplo, el código a continuación volverá a renderizar a todos los consumidores cada vez que el `Proveedor` se vuelva a renderizar porque siempre se crea un nuevo objeto para `value`:
 
 `embed:context/reference-caveats-problem.js`
 

From 0ec110cf9615d6fb4ba7f609d8f44f993d7fbfad Mon Sep 17 00:00:00 2001
From: Miguel Alejandro Bolivar Portilla <MBolivar360@gmail.com>
Date: Wed, 20 Feb 2019 23:07:48 -0600
Subject: [PATCH 17/26] Update content/docs/context.md

Co-Authored-By: ricardoerl <ricardo.ramirezlara@gmail.com>
---
 content/docs/context.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/docs/context.md b/content/docs/context.md
index d8aff519b..f76a0595a 100644
--- a/content/docs/context.md
+++ b/content/docs/context.md
@@ -248,5 +248,5 @@ Para evitar esto, levanta el valor al estado del padre:
 
 > Nota
 > 
-> React previamente liberado con el API experimental de Context. La antigua API será compatible con todas las versiones 16.x, pero las aplicaciones que la utilicen deberían migrar a la nueva versión. La API antigua se eliminará en una importante futura versión de React. Leer la [documentación antigua de Context aquí](/docs/legacy-context.html).
+> React previamente había liberado el API experimental de Context. La antigua API será compatible con todas las versiones 16.x, pero las aplicaciones que la utilicen deberían migrar a la nueva versión. La API antigua se eliminará en una futura versión importante de React. Lee la [documentación antigua de Context aquí](/docs/legacy-context.html).
  

From 5bc3ab22e8aaa5428c2e990961cc116288d66a64 Mon Sep 17 00:00:00 2001
From: Ricardo Ramirez <ricardo.ramirezlara@gmail.com>
Date: Thu, 21 Feb 2019 00:08:03 -0600
Subject: [PATCH 18/26] Fix comments format issue

---
 examples/context/motivation-problem.js  | 6 +++---
 examples/context/motivation-solution.js | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/examples/context/motivation-problem.js b/examples/context/motivation-problem.js
index a670d9b31..49696f909 100644
--- a/examples/context/motivation-problem.js
+++ b/examples/context/motivation-problem.js
@@ -7,9 +7,9 @@ class App extends React.Component {
 function Toolbar(props) {
   // highlight-range{1-4,7}
   // El componente Toolbar debe tener un prop adicional "theme"
-  // y pasarlo a ThemedButton. Esto puede llegar a ser trabajoso
-  // si cada botón en la aplicación necesita saber el tema,
-  // porque tendría que pasar a través de todos los componentes.
+  // y pasarlo a ThemedButton. Esto puede llegar a ser trabajoso
+  // si cada botón en la aplicación necesita saber el tema,
+  // porque tendría que pasar a través de todos los componentes.
   return (
     <div>
       <ThemedButton theme={props.theme} />
diff --git a/examples/context/motivation-solution.js b/examples/context/motivation-solution.js
index 77bf4ce9b..4db4f321c 100644
--- a/examples/context/motivation-solution.js
+++ b/examples/context/motivation-solution.js
@@ -9,7 +9,7 @@ class App extends React.Component {
     // highlight-range{1-3,5}
     // Usa un Provider para pasar el tema actual al árbol de abajo.
     // Cualquier componente puede leerlo, sin importar qué tan profundo se encuentre.
-    // En este ejemplo, estamos pasando "dark" como valor actual.
+    // En este ejemplo, estamos pasando "dark" como valor actual.
     return (
       <ThemeContext.Provider value="dark">
         <Toolbar />
@@ -32,8 +32,8 @@ function Toolbar(props) {
 class ThemedButton extends React.Component {
   // highlight-range{1-3,6}
   // Asigna un contextType para leer el contexto del tema actual.
-  // React encontrará el Provider superior más cercano y usará su valor.
-  // En este ejemplo, el tema actual es "dark".
+  // React encontrará el Provider superior más cercano y usará su valor.
+  // En este ejemplo, el tema actual es "dark".
   static contextType = ThemeContext;
   render() {
     return <Button theme={this.context} />;

From 8103089bea730980223c5fe26e8954f8cf7f0cae Mon Sep 17 00:00:00 2001
From: Miguel Alejandro Bolivar Portilla <MBolivar360@gmail.com>
Date: Thu, 21 Feb 2019 09:20:09 -0600
Subject: [PATCH 19/26] Update content/docs/context.md

Co-Authored-By: ricardoerl <ricardo.ramirezlara@gmail.com>
---
 content/docs/context.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/docs/context.md b/content/docs/context.md
index f76a0595a..a6d1c986f 100644
--- a/content/docs/context.md
+++ b/content/docs/context.md
@@ -126,7 +126,7 @@ El argumento `defaultValue` es usado **únicamente** cuando un componente no tie
 <MyContext.Provider value={/* algún valor */}>
 ```
 
-Cada objeto Context viene con un componente `Provider` de React que permite que los componentes que consumen se suscriban a los cambios de contexto.
+Cada objeto Context viene con un componente `Provider` de React que permite que los componentes que lo consumen se suscriban a los cambios del contexto.
 
 Acepta un prop `value` que se pasará a los componentes consumidores que son descendientes de este `Provider`. Un `Provider` puede estar conectado a muchos consumidores. Los `Providers` pueden estar anidados para sobreescribir los valores más profundos dentro del árbol.
 

From 99b591ec58d752b666fbafb91c8c140d8b568fe7 Mon Sep 17 00:00:00 2001
From: Miguel Alejandro Bolivar Portilla <MBolivar360@gmail.com>
Date: Thu, 21 Feb 2019 09:20:58 -0600
Subject: [PATCH 20/26] Update content/docs/context.md

Co-Authored-By: ricardoerl <ricardo.ramirezlara@gmail.com>
---
 content/docs/context.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/docs/context.md b/content/docs/context.md
index a6d1c986f..c64c97aa3 100644
--- a/content/docs/context.md
+++ b/content/docs/context.md
@@ -130,7 +130,7 @@ Cada objeto Context viene con un componente `Provider` de React que permite que
 
 Acepta un prop `value` que se pasará a los componentes consumidores que son descendientes de este `Provider`. Un `Provider` puede estar conectado a muchos consumidores. Los `Providers` pueden estar anidados para sobreescribir los valores más profundos dentro del árbol.
 
-Todos los consumidores que son descendientes de un `Provider` se re-renderizarán cada vez que cambie el prop `value` del `Provider`. La propagación del `Provider` a sus consumidores descendientes no está sujeta al método `shouldComponentUpdate`, por lo que el consumidor se actualiza incluso cuando un componente padre evita la actualización.
+Todos los consumidores que son descendientes de un `Provider` se vuelven a renderizar cada vez que cambia el prop `value` del `Provider`. La propagación del `Provider` a sus consumidores descendientes no está sujeta al método `shouldComponentUpdate`, por lo que el consumidor se actualiza incluso cuando un componente padre evita la actualización.
 
 Los cambios se determinan comparando los valores nuevos y antiguos utilizando el mismo algoritmo que [`Object.is`](//developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is#Description). 
 

From e6e95af33ff879ada23be38886597c6215aaa6be Mon Sep 17 00:00:00 2001
From: Miguel Alejandro Bolivar Portilla <MBolivar360@gmail.com>
Date: Thu, 21 Feb 2019 09:21:43 -0600
Subject: [PATCH 21/26] Update content/docs/context.md

Co-Authored-By: ricardoerl <ricardo.ramirezlara@gmail.com>
---
 content/docs/context.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/docs/context.md b/content/docs/context.md
index c64c97aa3..ca2a2a219 100644
--- a/content/docs/context.md
+++ b/content/docs/context.md
@@ -132,7 +132,7 @@ Acepta un prop `value` que se pasará a los componentes consumidores que son des
 
 Todos los consumidores que son descendientes de un `Provider` se vuelven a renderizar cada vez que cambia el prop `value` del `Provider`. La propagación del `Provider` a sus consumidores descendientes no está sujeta al método `shouldComponentUpdate`, por lo que el consumidor se actualiza incluso cuando un componente padre evita la actualización.
 
-Los cambios se determinan comparando los valores nuevos y antiguos utilizando el mismo algoritmo que [`Object.is`](//developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is#Description). 
+Los cambios se determinan comparando los valores nuevos y antiguos utilizando el mismo algoritmo que [`Object.is`](//developer.mozilla.org/es/docs/Web/JavaScript/Reference/Global_Objects/Object/is#Description). 
 
 > Nota
 > 

From 89c617cb4231caa2ef97af7b1f82229b2719e4b1 Mon Sep 17 00:00:00 2001
From: Miguel Alejandro Bolivar Portilla <MBolivar360@gmail.com>
Date: Thu, 21 Feb 2019 09:22:02 -0600
Subject: [PATCH 22/26] Update content/docs/context.md

Co-Authored-By: ricardoerl <ricardo.ramirezlara@gmail.com>
---
 content/docs/context.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/docs/context.md b/content/docs/context.md
index ca2a2a219..6c675c606 100644
--- a/content/docs/context.md
+++ b/content/docs/context.md
@@ -136,7 +136,7 @@ Los cambios se determinan comparando los valores nuevos y antiguos utilizando el
 
 > Nota
 > 
-> La forma en que se determinan los cambios puede causar algunos problemas al pasar objetos como `value`: see [Caveats](#caveats).
+> La forma en que se determinan los cambios puede causar algunos problemas al pasar objetos como `value`: mira las [Advertencias](#caveats).
 
 ### `Class.contextType` {#classcontexttype}
 

From a912a8b3984118c4f221d30c00d6ab2abf735306 Mon Sep 17 00:00:00 2001
From: Miguel Alejandro Bolivar Portilla <MBolivar360@gmail.com>
Date: Thu, 21 Feb 2019 09:22:13 -0600
Subject: [PATCH 23/26] Update content/docs/context.md

Co-Authored-By: ricardoerl <ricardo.ramirezlara@gmail.com>
---
 content/docs/context.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/docs/context.md b/content/docs/context.md
index 6c675c606..f773dfc20 100644
--- a/content/docs/context.md
+++ b/content/docs/context.md
@@ -164,7 +164,7 @@ MyClass.contextType = MyContext;
 
 A la propiedad `contextType` en una clase se le puede asignar un objeto Context creado por [`React.createContext()`](#reactcreatecontext). Esto te permite consumir el valor actual más cercano de ese Context utilizando `this.context`. Puedes hacer referencia a esto en cualquiera de los métodos del ciclo de vida, incluida la función de renderizado.
 
-> Note:
+> Nota:
 >
 > Solo puedes suscribirte a un solo Context usando esta API. Si necesitas leer más de una, lee [Consuming Multiple Contexts](#consuming-multiple-contexts).
 >

From eaff51910f46eb182e603da64f9cd4b4a2baeb86 Mon Sep 17 00:00:00 2001
From: Miguel Alejandro Bolivar Portilla <MBolivar360@gmail.com>
Date: Thu, 21 Feb 2019 09:22:31 -0600
Subject: [PATCH 24/26] Update content/docs/context.md

Co-Authored-By: ricardoerl <ricardo.ramirezlara@gmail.com>
---
 content/docs/context.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/docs/context.md b/content/docs/context.md
index f773dfc20..dc57a0d81 100644
--- a/content/docs/context.md
+++ b/content/docs/context.md
@@ -166,7 +166,7 @@ A la propiedad `contextType` en una clase se le puede asignar un objeto Context
 
 > Nota:
 >
-> Solo puedes suscribirte a un solo Context usando esta API. Si necesitas leer más de una, lee [Consuming Multiple Contexts](#consuming-multiple-contexts).
+> Solo puedes suscribirte a un solo Context usando esta API. Si necesitas leer más de una, lee [Consumir múltiples Context](#consuming-multiple-contexts).
 >
 > Si está utilizando la [sintaxis experimental de campos de clase pública](https://babeljs.io/docs/plugins/transform-class-properties/), puedes usar un campo de clase **static** para inicializar tu `contextType`.
 

From 2e8c0906d439c65a8d6688f5ced13dc82bc4a2e7 Mon Sep 17 00:00:00 2001
From: Miguel Alejandro Bolivar Portilla <MBolivar360@gmail.com>
Date: Thu, 21 Feb 2019 09:22:49 -0600
Subject: [PATCH 25/26] Update content/docs/context.md

Co-Authored-By: ricardoerl <ricardo.ramirezlara@gmail.com>
---
 content/docs/context.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/docs/context.md b/content/docs/context.md
index dc57a0d81..2959d20c6 100644
--- a/content/docs/context.md
+++ b/content/docs/context.md
@@ -168,7 +168,7 @@ A la propiedad `contextType` en una clase se le puede asignar un objeto Context
 >
 > Solo puedes suscribirte a un solo Context usando esta API. Si necesitas leer más de una, lee [Consumir múltiples Context](#consuming-multiple-contexts).
 >
-> Si está utilizando la [sintaxis experimental de campos de clase pública](https://babeljs.io/docs/plugins/transform-class-properties/), puedes usar un campo de clase **static** para inicializar tu `contextType`.
+> Si estás utilizando la [sintaxis experimental de campos de clase pública](https://babeljs.io/docs/plugins/transform-class-properties/), puedes usar un campo de clase **static** para inicializar tu `contextType`.
 
 
 ```js

From a93f0ab1c0f99b27ffee88473407dbaeb101068e Mon Sep 17 00:00:00 2001
From: Miguel Alejandro Bolivar Portilla <MBolivar360@gmail.com>
Date: Thu, 21 Feb 2019 09:23:12 -0600
Subject: [PATCH 26/26] Update examples/context/theme-detailed-app.js

Co-Authored-By: ricardoerl <ricardo.ramirezlara@gmail.com>
---
 examples/context/theme-detailed-app.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/examples/context/theme-detailed-app.js b/examples/context/theme-detailed-app.js
index 4ccaea67c..ce8704b74 100644
--- a/examples/context/theme-detailed-app.js
+++ b/examples/context/theme-detailed-app.js
@@ -5,7 +5,7 @@ import ThemedButton from './themed-button';
 function Toolbar(props) {
   return (
     <ThemedButton onClick={props.changeTheme}>
-      Cambiar tema
+      Change Theme
     </ThemedButton>
   );
 }