Skip to content

Commit 5874356

Browse files
committed
Resolve merge conflicts
1 parent 2ac9f8d commit 5874356

File tree

2 files changed

+2
-17
lines changed

2 files changed

+2
-17
lines changed

beta/src/content/learn/add-react-to-a-website.md

Lines changed: 1 addition & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -195,13 +195,8 @@ Añadir JSX a un proyecto no requiere herramientas complicadas como un [*bundler
195195

196196
Ve a la carpeta de tu proyecto en la terminal, y pega estos dos comandos (**¡Asegúrate de tener instalado [Node.js](https://nodejs.org/)!**):
197197

198-
<<<<<<< HEAD
199198
1. `npm init -y` (si falla, [aquí hay una solución](https://gist.github.com/gaearon/246f6380610e262f8a648e3e51cad40d))
200-
2. `npm install babel-cli@6 babel-preset-react-app@3`
201-
=======
202-
1. `npm init -y` (if it fails, [here's a fix](https://gist.github.com/gaearon/246f6380610e262f8a648e3e51cad40d))
203199
2. `npm install @babel/cli@7 babel-preset-react-app@10`
204-
>>>>>>> d4e42ab21f0cc7d8b79d1a619654e27c79e10af6
205200

206201
Solo necesitas npm para instalar el preprocesador de JSX. No lo necesitarás para nada más. Tanto React como el código de la aplicación se pueden quedar como etiquetas `<script>` sin cambios.
207202

@@ -211,15 +206,9 @@ Solo necesitas npm para instalar el preprocesador de JSX. No lo necesitarás par
211206

212207
Puedes preprocesar JSX de forma tal que cada vez que guardes un archivo con JSX dentro, la transformación se vuelva a ejecutar y convierta el JSX en un archivo nuevo con JavaScript simple que el navegador puede entender. Aquí puedes ver cómo hacer la configuración:
213208

214-
<<<<<<< HEAD
215209
1. Crea una carpeta llamada **`src`**.
216-
2. En tu terminal, ejecuta este comando: `npx babel --watch src --out-dir . --presets react-app/prod ` (¡No esperes a que termine! Este comando inicia un *watcher* (observador) automático para las ediciones de JSX dentro de `src`).
210+
2. En tu terminal, ejecuta este comando: `npx babel --watch src --out-dir . --presets babel-preset-react-app/prod ` (¡No esperes a que termine! Este comando inicia un *watcher* (observador) automático para las ediciones de JSX dentro de `src`).
217211
3. Mueve tu **`like-button.js`** con JSX ([¡debería lucir así!](https://gist.githubusercontent.com/gaearon/be5ae0fbf563d6c5fe5c1563907b13d2/raw/4c0d0b8c7f4fcb341720424c28c72059f8174c62/like-button.js)) a la nueva carpeta **`src`**.
218-
=======
219-
1. Create a folder called **`src`.**
220-
2. In your terminal, run this command: `npx babel --watch src --out-dir . --presets babel-preset-react-app/prod ` (Don't wait for it to finish! This command starts an automated watcher for edits to JSX inside `src`.)
221-
3. Move your JSX-ified **`like-button.js`** ([it should look like this!](https://gist.githubusercontent.com/gaearon/be5ae0fbf563d6c5fe5c1563907b13d2/raw/4c0d0b8c7f4fcb341720424c28c72059f8174c62/like-button.js)) to the new **`src`** folder.
222-
>>>>>>> d4e42ab21f0cc7d8b79d1a619654e27c79e10af6
223212

224213
El *watcher* creará un **`like-button.js`** preprocesado con el código JavaScript simple que es adecuado para un navegador.
225214

beta/src/content/reference/react/useMemo.md

Lines changed: 1 addition & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -633,11 +633,7 @@ Un nodo de JSX como `<List items={visibleTodos} />` es un objeto como `{ type: L
633633

634634
Sin embargo, si React ve exactamente el mismo JSX que durante el renderizado anterior, no intentará volver a renderizar tu componente. Esto se debe a que los nodos JSX son [inmutables.](https://es.wikipedia.org/wiki/Objeto_inmutable) Un objeto de nodo JSX no podría haber cambiado con el tiempo, por lo que React sabe que es seguro omitir un nuevo renderizado. Sin embargo, para que esto funcione, el nodo tiene que *ser realmente el mismo objeto*, no simplemente tener el mismo aspecto en el código. Esto es lo que hace `useMemo` en este ejemplo.
635635

636-
<<<<<<< HEAD
637-
Envolver manualmente los nodos JSX en `useMemo` no es conveniente. Por ejemplo, no puedes hacerlo condicionalmente. Es por esto que lo común es envolver los componentes con [`memo`](/reference/react/memo) en lugar de envolver los nodos de JSX.
638-
=======
639-
Manually wrapping JSX nodes into `useMemo` is not convenient. For example, you can't do this conditionally. This is usually why you would wrap components with [`memo`](/reference/react/memo) instead of wrapping JSX nodes.
640-
>>>>>>> d4e42ab21f0cc7d8b79d1a619654e27c79e10af6
636+
Envolver manualmente los nodos JSX en `useMemo` no es conveniente. Por ejemplo, no puedes hacerlo condicionalmente. Comúnmente es por esto que se envuelven los componentes con [`memo`](/reference/react/memo) en lugar de envolver los nodos de JSX.
641637

642638
</DeepDive>
643639

0 commit comments

Comments
 (0)