New Translation Progress Checklist

[carburo]

Recientemente se ha publicado la nueva documentación de React:

• New React Docs #3308
• https://react.dev/

Este es el sitio que aloja la traducción: https://es.react.dev

Mantenedores

• @carburo
• @mateoguzmana
• @NGHdeveloper

Para traductores nuevos

Para traducir una página:

1. Chequea que nadie más haya pedido la página en la lista (marcados con🟢) y en los comentarios. Por favor, no crees nuevos issues para solicitar una traducción, mantengámoslo todo aquí.
2. Deja un comentario aquí con el nombre de la página que quieres traducir para evitar duplicar esfuerzo. Toma solo una página a la vez.
3. Por favor, de momento no traduzcas elementos de la UI, aún si se muestren en la página. El equipo de React planea realizar cambios no triviales en el repositorio en los próximos meses, por lo que es mejor concentrarse en la traducción del contenido.
4. Recomendamos usar un corrector ortográfico para minimizar erratas y faltas de ortografía (aquí hay uno que se integra con VSCode).
5. Envía un PR con la traducción parcial o final (preferentemente) en un lapso de 7 (siete) días, a contar desde el momento en que se te es asignada.

Por favor consulta la guía de estilo y el glosario para asegurarnos de que las traducciones se hagan de forma consistente. Si tienes duda con la traducción del algún término que no aparece en el glosario abre un nuevo hilo de debate para aclararlo.

Si luego de asignada la traducción no puedes continuar trabajando en ella deja un comentario para poder asignársela a alguien más. También considera abrir un PR con el trabajo que tengas adelantado y que pueda servir como base para quien tome la traducción.

Main Content

Nuevos artículos

• Understanding Your UI as a Tree
• 🟢 useFormStatus @luiserdef
• React DOM Hooks @materokatti
• Built-in React Hooks @Guirdo Translate "Built-in React hooks" #914
• 🟢<form>
• useFormState @soyjuanmacias
• useOptimistic @luiserdef Translate useOptimistic #896
• 🟢 experimental_taintUniqueValue @stivenm16
• 🟢 experimental_taintObjectReference

Learn React

• Quick Start @carburo translate Quick Start (beta docs) #507

  • Tutorial: Tic-Tac-Toe @Radapls docs: Translate the tutorial-tic-tac-toe.md #629
  • Thinking in React @carburo translate thinking in react (beta docs) #506

• Installation @carburo translate installation (beta docs) #508

  • Start a New React Project @Radapls docs: Add spanish translation to Start a new React Project Page #679
  • Add React to an Existing Project @breadadams Translate “Add React to an Existing Project" #665
  • Editor Setup @carburo translate Editor Setup (beta docs) #512
  • Using TypeScript @s0alken Adding translation to Using Typescript #872
  • React Developer Tools @carburo translate React Developer Tools (beta docs) #513

• Describing the UI @carburo translate Describing the UI (beta docs) #514

  • Your First Component @carburo translate Your First Component (beta docs) #516
  • Importing and Exporting Components @carburo translate Importing and Exporting Components #541
  • Writing Markup with JSX @MarianoLazzos translate Writing markup with jsx (beta docs) #517
  • JavaScript in JSX with Curly Braces @MarianoLazzos translate Javascript in jsx with curly braces #523
  • Passing Props to a Component @s0alken Adding translation to Passing Props to a Component #703
  • Conditional Rendering @miguelfdezc translate Conditional Rendering #542
  • Rendering Lists @Oussamaosman02 Adding rendering-lists translation #551
  • Keeping Components Pure @MigueMartelo Translate Keeping Components Pure (Beta Doc) #558

• Adding Interactivity @joelnbl translate: adding interactivity to spanish #698

  • Responding to Events @johansantana Translate Responding to Events #552
  • State: A Component's Memory @samarjaffal added translation for state a components memory #586
  • Render and Commit @CamiloCortesM Update render-and-commit #550
  • State as a Snapshot @Waxer59 translate State as a snapshot (beta docs) #549
  • Queueing a Series of State Updates @Alanch8 Translate Queueing a Series of State Updates #556
  • Updating Objects in State @Alanch8 Translate Updating objects in state #563
  • Updating Arrays in State @nicolas-alt Translate updating arrays in state ( beta docs ) #557

• Managing State @diloes Translate managing-state #555

  • Reacting to Input with State @ikurotime Beta reacting to input with state #612
  • Choosing the State Structure @Radapls docs: Translate choosing-the-state-structure.md #608
  • Sharing State Between Components @Claudio182 Translate "Sharing State Between Components" #605
  • Preserving and Resetting State @josavicente Translation of Preserving and restoring State to spanish #553
  • Extracting State Logic into a Reducer @sunteago feat: spanish translation extracting-state-logic-into-a-reducer #554
  • Passing Data Deeply with Context @merojosa Translate "Passing Data Deeply with Context" #689
  • Scaling Up with Reducer and Context @josavicente Translation of Scaling up with reducer and context #578

• Escape Hatches @Juamez Translation escape hatches #669

  • Referencing Values with Refs @johansantana Translate Referencing values with Refs #559
  • Manipulating the DOM with Refs @luiserdef Translate manipulating the dom with refs #816
  • Synchronizing with Effects @NahuelDev Translate Synchronizing-with-effects to Spanish #673
  • You Might Not Need an Effect @Vicenciomf1 Update you-might-not-need-an-effect.md #841
  • Lifecycle of Reactive Effects @meiyerDev Translate "Lifecycle of Reactive Effects" #708
  • Separating Events from Effects @danmondra Translate "separating events from effects" #748
  • Removing Effect Dependencies @carburo
  • Reusing Logic with Custom Hooks @andresguanov Translate Reusing-Logic-with-Custom-Hooks #601

API Reference

• react: Hooks @Dazzae-exe translate: react hooks to spanish #663

  • use @luiserdef Translate use #894
  • useCallback @glovooker Translate useCallback #594
  • useContext @johansantana Translate useContext (beta docs) #566
  • useDebugValue @luiserdef Translate useDebugValue #609
  • useDeferredValue @jottaxwds Translate useDeferredValue.md #826
  • useEffect @DANIELSSF Translation of useEffect #590
  • useId @Isaias077 Translate useId #575
  • useImperativeHandle @luiserdef Translate useImperativeHandle #620
  • useInsertionEffect @carlos-garcia-dev Translate useInsertionEffect #642
  • useLayoutEffect @luiserdef Translate useLayoutEffect #626
  • useMemo @nicolas-alt feat: Translation for useMemo [beta] #593
  • useReducer @juancguana feat: Translate into spanish useReducer #651
  • useRef @CamiloCortesM Beta useref translation complete  #583
  • useState @Valtory translate useState reference #604
  • useSyncExternalStore @javierlopezdeancos docs: Translate api useSyncExternalStore #613
  • useTransition @GalindoSV docs: translate api useTransition #682

• react: Components @mateoguzmana docs(built-in-components): spanish translation #661

  • <Fragment> (<>) @Waxer59 translate fragment (beta docs) #564
  • <Profiler> @RubenChirino Adding translations to the <Profiler> component #633
  • <StrictMode> @Dazzae-exe StrictMode translation to spanish #656
  • <Suspense> @josavicente Translate api-suspense #581

• react: APIs @mateoguzmana docs(built-in-apis): spanish translation #662

  • cache @danmondra
  • createContext @nicolas-alt Translate react apis createContext ( beta docs ) #562
  • forwardRef @Alanch8 Translate forwardRef #574
  • lazy @MigueMartelo Translate lazy page #591
  • memo @johansantana translate Memo (beta docs) #579
  • startTransition @RubenChirino Adding translations to the startTransition API #631

• react: Directives @NGHdeveloper Translate directives.md and sidebarReference.json #846

  • use client @NahuelDev Translate use client page #835
  • use server @danmondra Translate use server directive reference #842

• react-dom: Components @derrysucari translate /reference/react-dom/components/ page #709

  • Common (e.g. <div>) @alejsdev translate common.md to Spanish #685
  • <input> @Guirdo Translate input reference #641
  • <option> @Radapls docs: Add translate file to <option> section #648
  • <progress> @RubenChirino Adding translations to the <progress> component #637
  • <select> @carlos-garcia-dev Translate <select> #647
  • <textarea> @manuelrodgzz Textarea documentation translation #636

• react-dom: APIs @s0alken Adding translation to react-dom: APIs #664

  • createPortal @s0alken Adding translation to createPortal #674 Translate createPortal to spanish  #619
  • findDOMNode @RubenChirino Adding translations to the findDOMNode API #627
  • flushSync @Germancitoz Translate flushSync #587
  • hydrate @DANIELSSF Translation of Hydrate.md #589
  • render @fabianchoxD Translate react-dom/render section #561
  • unmountComponentAtNode @Waxer59 translate: unmountComponentAtNode.md #700

• react-dom/client @merojosa Translate react-dom/client #666

  • createRoot @OmiCoding Translated createRoot #592
  • hydrateRoot @CamiloCortesM translate spanish hydrateRoot. #584

• react-dom/server @cosmoart Traducción de "react-dom/server" #713

  • renderToNodeStream @cosmoart renderToNodeStream translation #646
  • renderToPipeableStream @MaxDecapitars Translate render to pipeable stream #677
  • renderToReadableStream @mikelmiras Translate renderToReadableStream #670
  • renderToStaticMarkup @NGHdeveloper Translate renderToStaticMarkup.md #856
  • renderToStaticNodeStream @luiserdef Translate renderToStaticNodeStream #696
  • renderToString @RubenChirino Adding translations to the renderToString function #644

Navegación y UI

Sugerimos dejar la mayor parte de la traducción de la UI para el final. Tenemos previsto realizar algunos cambios invasivos en el diseño de las carpetas y los componentes del sitio web, por lo que posponerlo hasta que la traducción esté casi terminada facilitará la integración posterior de los cambios por nuestra parte. Podría tener sentido traducir la página de inicio en primer lugar, pero dejar el resto para más adelante. A medida que se traduzcan las páginas individuales, puede cambiar los títulos de las páginas en los archivos correspondientes de la barra lateral. Por último, cuando traduzcas la navegación, asegúrate de probar tanto el diseño de escritorio como el de móvil.

• Homepage (actualmente en HomeContent.js) @carburo
• Sidebars (actualmente en src/sidebar*.json) @carburo
• Top-level navigation (actualmente en TopNav.tsx) @carburo

Cuando estés listo...

Cuando todo lo anterior esté traducido, añade tu idioma a deployedLanguages en Seo.tsx del repositorio original reactjs/react.dev.

Contenido secundario

Lo ideal sería traducir también estas páginas de la API, pero son menos urgentes y pueden hacerse después de las otras:

• react: Legacy APIs @mateoguzmana docs(legacy-apis): spanish translation #660
  • Children @jonarroh Translate react apis Children ( beta docs ) #595
  • cloneElement @bcentdev Translate cloneElement #597
  • Component @zeuspsy0x1 Translated Component from Legacy APIs #668
  • createElement @MigueMartelo Translate createElement page #577
  • createFactory @Alanch8 Translate createFactory #573
  • createRef @andresguanov Translate createRef #687
  • isValidElement @cjosue15 translate isValidElement reference #576
  • PureComponent @Radapls docs: Spanish translations of PureComponent.md #610

Contenido opcional

Estos no son los principales objetivos de traducción, pero si deseas hacerlo, no dudes en ampliar la lista para incluir sus subpáginas:

• React Community @AFBGDeveloper Translate /community/index.md page #690
  • Acknowledgements @derrysucari translate /community/acknowledgements/ page #680
  • Docs Contributors @lucasangelino translate docs-contributor.md to Spanish #676
  • React Meetups @ilichpadilla added meetups translations #691
  • Meet the Team @Radapls Feat spanish translation team.md page #759
  • Versioning Policy @derrysucari translate /community/versioning-policy/ page #707
  • React Videos @AFBGDeveloper Translate /community/videos page #697
• Blog @NGHdeveloper (No traducir los fragmentos de las publicaciones (BlogCard) si las propias publicaciones no han sido traducidas aún)
  • react-canaries @Juamez Translation React Canary Post #762
  • react-labs-what-we-have-been-working-on-march-2023 @JaimeTR
  • react-labs-what-we-have-been-working-on-june-2022 @lilymartinez Translate React Labs: What We've Been Working On – June 2022  #865
  • react-v18 @vazqueztomas react-v18 (blog) translated to Spanish #705
  • react-18-upgrade-guide @iMartinDav Agregada traducción de React 18 Upgrade Guide #701
  • react-conf-2021-recap @nghsoftware translate react conf 2021 recap.md #742
• Warnings
  • Invalid ARIA Prop Warning @Radapls docs: Add spanish translation to the Invalid ARIA Prop Warning page #688
  • Rules of Hooks @s0alken Adding translation to Rules of Hooks #693
  • Special Props Warning @s0alken Adding translation to Special Props Warning #694
  • Unknown Prop Warning @zavbala Translate "unknown-prop" #744

[MarianoLazzos]

Hi, i would like to help translating some page!

[carburo]

¡Hola, @MarianoLazzos! Deja un comentario con la página que te interesa traducir para asígnartela.

[MarianoLazzos]

¡Hola, @MarianoLazzos! Deja un comentario con la página que te interesa traducir para asígnartela.
Me gustaria traducir: Writing Markup with JSX

[carburo]

@MarianoLazzos ya te lo asigné. Si no has contribuido antes te recomiendo que revises primero la guía de traducción (https://github.com/reactjs/es.reactjs.org/blob/main/TRANSLATION.md), que aunque no está muy completa aborda algunas situaciones comunes. Si tuvieras alguna duda con el proceso, ¡no dudes dejar un comentario!

[MarianoLazzos]

Hola! me gustaria colaborar traduciendo otra pagina, me podrias asignar JavaScript in JSX with Curly Braces ?

[carburo]

@MarianoLazzos ¡Sí, por supuesto!

[tw1ttt3r]

Me gustaría colaborar con Passing Props to a Component

[miguelfdezc]

¡Hola! Me gustaría colaborar traduciendo una página, ¿@carburo me podrías asignar Conditional Rendering? 🙂

[carburo]

@tw1ttt3r @miguelfdezc ya les asigné los artículos

[JeronimoC23]

Hola, como va me gustaria colaborar con Adding Interactivity, gracias!

[carburo]

¡Hola, @JeronimoC23! Ya te asigné el artículo.

[Oussamaosman02]

Hola, me gustaría ayudar a traducir algún artículo

[carburo]

¡Hola @Oussamaosman02! Gracias por tu interés por contribuir. Escoge uno de los artículos listados y te lo asigno.

[Oussamaosman02]

@carburo ¿Me podrías asignar Rendering Lists?

[carburo]

@Oussamaosman02 ya te lo asigné.

[MigueMartelo]

@carburo hola, podrías asignarme Keeping Components Pure?

[danmondra]

Buenas!, me podrías asignar "cache", por favor.

[NGHdeveloper]

@danmondra, te asigno "cache", recuerda el lapso de siete días del punto 5 de este issue:

5. Envía un PR con la traducción parcial o final (preferentemente) en un lapso de 7 (siete) días, a contar desde el momento en que se te es asignada.

Gracias!!!

[JaimeTR]

Hola @NGHdeveloper me podría asignar “react-labs-what-we-have-been-working-on-march-2023”

[carburo]

Hola @JaimeTR, gracias por el interés en contribuir. Ya te asigné el artículo.

[RixCrafts]

Saludos
Primeramente, felicitaciones por el trabajo y la iniciativa.

Estoy aprendiendo React y con la idea de contribuir y aprovechar mi tiempo al máximo voy a estar estudiándome la documentación tanto en inglés como español. Con esto en mente ire agregando pequeños comentarios sugiriendo alternativas ya sea a la traducción o para mejorar la comprensión en los lugares donde lo crea pertinente.

P.D: Soy relativamente nuevo contribuyendo a proyectos por lo que si lo que intento hacer no creen que sea de utilidad me lo dejan saber para no generar molestias...

Ahora mismo estoy estudiándome el Tutorial: Tres en línea.
Comentando aquí: docs: Translate the tutorial-tic-tac-toe.md #629

Déjenme saber si continuo con los comentarios...

[mateoguzmana]

Hola @RixCrafts, gracias por tu interés en contribuir! felices de aceptar mejoras en la documentación.

Si quieres contribuir con páginas existentes, es preferible que crees un nuevo pull request proponiendo las mejoras, en vez de comentar en los que ya están cerrados, ya que estos no van a tener mucha visibilidad y es más difícil para nosotros revisar.

[luiserdef]

Hola.
Si aún sigue disponible, puedo continuar con: "use"

[carburo]

Hola @luiserdef. Sí, todavía está disponible. Ahora te lo asigno. Muchas gracias!

[danmondra]

@carburo, olvidé completamente que tenía una traducción pendiente (“cache”), esta misma semana la completo y envío el PR cuanto antes, disculpa la demora.

[soyjuanmacias]

Hola @carburo, alguna libre?

[carburo]

Hola @soyjuanmacias! Sí, hay varios artículos nuevos disponibles.

• 🟢 Understanding Your UI as a Tree
• 🟢 useFormStatus
• 🟢 React DOM Hooks
• 🟢 Built-in React Hooks
• 🟢<form>
• 🟢 useFormState
• 🟢 useOptimistic
• 🟢 experimental_taintUniqueValue
• 🟢 experimental_taintObjectReference

[soyjuanmacias]

@carburo Podrías asignarme useFormState

[carburo]

Hola @soyjuanmacias. Ya te lo asigné.

[luiserdef]

Hola. Puedo seguir con la traducción de useOptimistic

[carburo]

Hola @luiserdef. Sí, claro, te la asigno.

[materokatti]

¡Hola! ¿Podrías asignarme la traducción de React DOM Hooks?

[carburo]

¡Hola, @materokatti! Ya lo tienes asignado.

[Guirdo]

Hola @carburo podrías asignarme el artículo Built-in React Hooks ?

[carburo]

Hola @Guirdo. Asignado!

[luiserdef]

Hola! puedo tomar para traducir useFormStatus

[carburo]

@luiserdef Asignado!

[Juamez]

Hola, me gustaría traducir <form>

[stivenm16]

Hola @carburo , podrías asignarme el page de experimental_taintUniqueValue?

[carburo]

Hola @stivenm16. Disculpa la demora. Ya te lo asigné.

[jonarroh]

Hola @carburo podrias asignarme experimental_taintObjectReference

[dantech99]

Hola, estoy interesado en contribuir, aún quedan artículos por traducir?