stale-reactjs-org-translations · pepjo · Jun 29, 2019 · Jun 26, 2019
diff --git a/content/community/nav.yml b/content/community/nav.yml
@@ -1,4 +1,4 @@
-- title: Community Resources
+- title: Recursos de la comunitat
   items:
     - id: support
       title: Support
@@ -18,7 +18,7 @@
       title: Videos
     - id: external-resources
       title: External Resources
-- title: Tools
+- title: Eines
   items:
     - id: debugging-tools
       title: Debugging

diff --git a/content/docs/nav.yml b/content/docs/nav.yml
@@ -1,4 +1,4 @@
-- title: Installation
+- title: Instal·lació
   items:
     - id: getting-started
       title: Getting Started
@@ -8,7 +8,7 @@
       title: Create a New React App
     - id: cdn-links
       title: CDN Links
-- title: Main Concepts
+- title: Conceptes fonamentals
   isOrdered: true
   items:
     - id: hello-world
@@ -35,7 +35,7 @@
       title: Composition vs Inheritance
     - id: thinking-in-react
       title: Thinking In React
-- title: Advanced Guides
+- title: Guies avançades
   items:
     - id: accessibility
       title: Accessibility
@@ -79,7 +79,7 @@
       title: Uncontrolled Components
     - id: web-components
       title: Web Components
-- title: API Reference
+- title: Referència de la API
   items:
     - id: react-api
       title: React
@@ -104,7 +104,7 @@
       title: JS Environment Requirements
     - id: glossary
       title: Glossary
-- title: Hooks (New)
+- title: Hooks (Nou)
   isOrdered: true
   items:
       - id: hooks-intro
@@ -123,7 +123,7 @@
         title: Hooks API Reference
       - id: hooks-faq
         title: Hooks FAQ
-- title: Contributing
+- title: Contribuïu
   items:
   - id: how-to-contribute
     title: How to Contribute
@@ -133,7 +133,7 @@
     title: Implementation Notes
   - id: design-principles
     title: Design Principles
-- title: FAQ
+- title: Preguntes freqüents
   items:
     - id: faq-ajax
       title: AJAX and APIs

diff --git a/content/home/examples/a-component-using-external-plugins.js b/content/home/examples/a-component-using-external-plugins.js
@@ -2,7 +2,7 @@ class MarkdownEditor extends React.Component {
   constructor(props) {
     super(props);
     this.handleChange = this.handleChange.bind(this);
-    this.state = { value: 'Hello, **world**!' };
+    this.state = { value: 'Hola **món**!' };
   }
 
   handleChange(e) {
@@ -17,16 +17,16 @@ class MarkdownEditor extends React.Component {
   render() {
     return (
       <div className="MarkdownEditor">
-        <h3>Input</h3>
+        <h3>Entrada</h3>
         <label htmlFor="markdown-content">
-          Enter some markdown
+          Introduïu text en format markdown
         </label>
         <textarea
           id="markdown-content"
           onChange={this.handleChange}
           defaultValue={this.state.value}
         />
-        <h3>Output</h3>
+        <h3>Sortida</h3>
         <div
           className="content"
           dangerouslySetInnerHTML={this.getRawMarkup()}

diff --git a/content/home/examples/a-component-using-external-plugins.md b/content/home/examples/a-component-using-external-plugins.md
@@ -1,7 +1,7 @@
 ---
-title: A Component Using External Plugins
+title: Un component utilizant connectors externs
 order: 3
 domid: markdown-example
 ---
 
-React allows you to interface with other libraries and frameworks. This example uses **remarkable**, an external Markdown library, to convert the `<textarea>`'s value in real time.
+React us permet interactuar amb altres biblioteques i frameworks. Aquest exemple utilitza **remarkable**, una biblioteca de Markdown externa, per convertir en temps real el valor de l'etiqueta `<textarea>`.
diff --git a/content/home/examples/a-simple-component.js b/content/home/examples/a-simple-component.js
@@ -2,13 +2,13 @@ class HelloMessage extends React.Component {
   render() {
     return (
       <div>
-        Hello {this.props.name}
+        Hola {this.props.name}
       </div>
     );
   }
 }
 
 ReactDOM.render(
-  <HelloMessage name="Taylor" />,
+  <HelloMessage name="Júlia" />,
   document.getElementById('hello-example')
 );
diff --git a/content/home/examples/a-simple-component.md b/content/home/examples/a-simple-component.md
@@ -1,9 +1,9 @@
 ---
-title: A Simple Component
+title: Un component senzill
 order: 0
 domid: hello-example
 ---
 
-React components implement a `render()` method that takes input data and returns what to display. This example uses an XML-like syntax called JSX. Input data that is passed into the component can be accessed by `render()` via `this.props`.
+Els components de React implementen el mètode `render()` que rep dades d'entrada i retorna allò a mostrar. En aquest exemple s'usa una sintaxi similar a XML anomenada JSX. El mètode `render()` pot accedir a les dades d'entrada del component mitjançant `this.props`.
 
-**JSX is optional and not required to use React.** Try the [Babel REPL](babel://es5-syntax-example) to see the raw JavaScript code produced by the JSX compilation step.
+**JSX no és obligatori per utilitzar React.** Proveu [Babel REPL](babel://es5-syntax-example) per veure el codi JavaScript produit per la fase de compilació del format JSX.
diff --git a/content/home/examples/a-stateful-component.js b/content/home/examples/a-stateful-component.js
@@ -21,7 +21,7 @@ class Timer extends React.Component {
   render() {
     return (
       <div>
-        Seconds: {this.state.seconds}
+        Segons: {this.state.seconds}
       </div>
     );
   }

diff --git a/content/home/examples/a-stateful-component.md b/content/home/examples/a-stateful-component.md
@@ -1,7 +1,7 @@
 ---
-title: A Stateful Component
+title: Un component amb estat
 order: 1
 domid: timer-example
 ---
 
-In addition to taking input data (accessed via `this.props`), a component can maintain internal state data (accessed via `this.state`). When a component's state data changes, the rendered markup will be updated by re-invoking `render()`.
+A més a més de rebre dades d'entrada (accessibles mitjançant `this.props`), un component pot mantenir dades del seu estat local (accessibles mitjançant `this.state`). Quan les dades d'estat d'un component canvien, es torna a cridar a `render()` i s'actualitza el marcat renderitzat.
diff --git a/content/home/examples/an-application.js b/content/home/examples/an-application.js
@@ -9,19 +9,19 @@ class TodoApp extends React.Component {
   render() {
     return (
       <div>
-        <h3>TODO</h3>
+        <h3>Per fer</h3>
         <TodoList items={this.state.items} />
         <form onSubmit={this.handleSubmit}>
           <label htmlFor="new-todo">
-            What needs to be done?
+            Què cal fer?
           </label>
           <input
             id="new-todo"
             onChange={this.handleChange}
             value={this.state.text}
           />
           <button>
-            Add #{this.state.items.length + 1}
+            Afegeix #{this.state.items.length + 1}
           </button>
         </form>
       </div>

diff --git a/content/home/examples/an-application.md b/content/home/examples/an-application.md
@@ -1,7 +1,7 @@
 ---
-title: An Application
+title: Una aplicació
 order: 2
 domid: todos-example
 ---
 
-Using `props` and `state`, we can put together a small Todo application. This example uses `state` to track the current list of items as well as the text that the user has entered. Although event handlers appear to be rendered inline, they will be collected and implemented using event delegation.
+Emprant `props` i `state`, podeu crear una petita aplicació per gestionar tasques pendents. Aquest exemple utilitza `state` per mantenir el llistat de tasques i el text que l'usuari ha introduït. Tot i que els gestors d'esdeveniments semblen renderitzats en línea, s'apleguen i s'implementen utilitzant els principis de delegació d'esdeveniments.
diff --git a/content/home/marketing/component-based.md b/content/home/marketing/component-based.md
@@ -1,8 +1,8 @@
 ---
-title: Component-Based
+title: Basat en components
 order: 1
 ---
 
-Build encapsulated components that manage their own state, then compose them to make complex UIs.
+Creeu components encapsulats que gestionin el seu propi estat, per després acoblar-los i crear interfícies d'usuari complexes.
 
-Since component logic is written in JavaScript instead of templates, you can easily pass rich data through your app and keep state out of the DOM.
+Com que la lògica dels components està escrita en JavaScript i no en plantilles, podeu passar dades enriquides de manera senzilla a través de la vostra aplicació i mantenir l'estat fora del DOM.
diff --git a/content/home/marketing/declarative.md b/content/home/marketing/declarative.md
@@ -1,8 +1,8 @@
 ---
-title: Declarative
+title: Declaratiu
 order: 0
 ---
 
-React makes it painless to create interactive UIs. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes.
+React fa fàcil la creació d'interfícies d'usuari interactives. Dissenyeu vistes senzilles per a cada estat de la vostra aplicació, i React actualitzarà i renderitzarà eficientment els components necessaris quan les vostres dades canviïn.
 
-Declarative views make your code more predictable and easier to debug.
+Les vistes declaratives fan que el vostre codi sigui més previsible i més fàcil de depurar.
diff --git a/content/home/marketing/learn-once-write-anywhere.md b/content/home/marketing/learn-once-write-anywhere.md
@@ -1,8 +1,8 @@
 ---
-title: Learn Once, Write Anywhere
+title: Utilitzeu-lo per tot arreu
 order: 2
 ---
 
-We don't make assumptions about the rest of your technology stack, so you can develop new features in React without rewriting existing code.
+No fem assumpcions sobre la resta de la vostra pila tecnològica, així podreu desenvolupar noves funcionalitats amb React sense haver de reescriure codi existent.
 
-React can also render on the server using Node and power mobile apps using [React Native](https://facebook.github.io/react-native/).
+React també pot ser renderitzat des del servidor utilitzant Node, o per crear aplicacions mòbils gràcies a [React Native](https://facebook.github.io/react-native/).
diff --git a/src/components/CodeEditor/CodeEditor.js b/src/components/CodeEditor/CodeEditor.js
@@ -62,12 +62,10 @@ class CodeEditor extends Component {
     if (showBabelErrorMessage) {
       errorMessage = (
         <span>
-          Babel could not be loaded.
+          No hem pogut carregar Babel.
           <br />
           <br />
-          This can be caused by an ad blocker. If you're using one, consider
-          adding reactjs.org to the whitelist so the live code examples will
-          work.
+          This can be caused by an ad blocker. Si n'esteu utilizant un, proveu a afegir reactjs.org a la llista blanca perquè l'exemple interactiu funcioni.
         </span>
       );
     } else if (error != null) {
@@ -105,7 +103,7 @@ class CodeEditor extends Component {
                 color: colors.white,
               }}>
               <MetaTitle onDark={true}>
-                Live JSX Editor
+                Editor JSX interactiu
                 <label
                   css={{
                     fontSize: 14,
@@ -206,7 +204,7 @@ class CodeEditor extends Component {
                   padding: '0 10px',
                   backgroundColor: colors.divider,
                 }}>
-                <MetaTitle>Result</MetaTitle>
+                <MetaTitle>Resultat</MetaTitle>
               </div>
               <div
                 id={containerNodeID}

diff --git a/src/components/LayoutFooter/Footer.js b/src/components/LayoutFooter/Footer.js
@@ -60,7 +60,7 @@ const Footer = ({layoutHasSidebar = false}: {layoutHasSidebar: boolean}) => (
             },
           }}>
           <FooterNav layoutHasSidebar={layoutHasSidebar}>
-            <MetaTitle onDark={true}>Docs</MetaTitle>
+            <MetaTitle onDark={true}>Documentació</MetaTitle>
             {sectionListDocs.map(section => {
               const defaultItem = section.items[0];
               return (
@@ -73,7 +73,7 @@ const Footer = ({layoutHasSidebar = false}: {layoutHasSidebar: boolean}) => (
             })}
           </FooterNav>
           <FooterNav layoutHasSidebar={layoutHasSidebar}>
-            <MetaTitle onDark={true}>Channels</MetaTitle>
+            <MetaTitle onDark={true}>Canals</MetaTitle>
             <ExternalFooterLink
               href="https://github.com/facebook/react"
               target="_blank"
@@ -90,19 +90,19 @@ const Footer = ({layoutHasSidebar = false}: {layoutHasSidebar: boolean}) => (
               href="https://discuss.reactjs.org"
               target="_blank"
               rel="noopener">
-              Discussion Forum
+              Fòrum de discussió
             </ExternalFooterLink>
             <ExternalFooterLink
               href="https://discord.gg/0ZcbPKXt5bZjGY5n"
               target="_blank"
               rel="noopener">
-              Reactiflux Chat
+              Xat Reactiflux
             </ExternalFooterLink>
             <ExternalFooterLink
               href="https://dev.to/t/react"
               target="_blank"
               rel="noopener">
-              DEV Community
+              Comunitat DEV
             </ExternalFooterLink>
             <ExternalFooterLink
               href="https://www.facebook.com/react"
@@ -118,7 +118,7 @@ const Footer = ({layoutHasSidebar = false}: {layoutHasSidebar: boolean}) => (
             </ExternalFooterLink>
           </FooterNav>
           <FooterNav layoutHasSidebar={layoutHasSidebar}>
-            <MetaTitle onDark={true}>Community</MetaTitle>
+            <MetaTitle onDark={true}>Comunitat</MetaTitle>
             {sectionListCommunity.map(section => (
               <FooterLink
                 to={`/community/${section.items[0].id}.html`}
@@ -128,11 +128,11 @@ const Footer = ({layoutHasSidebar = false}: {layoutHasSidebar: boolean}) => (
             ))}
           </FooterNav>
           <FooterNav layoutHasSidebar={layoutHasSidebar}>
-            <MetaTitle onDark={true}>More</MetaTitle>
+            <MetaTitle onDark={true}>Més</MetaTitle>
             <FooterLink to="/tutorial/tutorial.html">Tutorial</FooterLink>
             <FooterLink to="/blog/">Blog</FooterLink>
             <FooterLink to="/acknowledgements.html">
-              Acknowledgements
+              Agraïments
             </FooterLink>
             <ExternalFooterLink
               href="https://facebook.github.io/react-native/"

diff --git a/src/components/LayoutHeader/DocSearch.js b/src/components/LayoutHeader/DocSearch.js
@@ -97,8 +97,8 @@ class DocSearch extends Component<{}, State> {
           }}
           id="algolia-doc-search"
           type="search"
-          placeholder="Search"
-          aria-label="Search docs"
+          placeholder="Cerca"
+          aria-label="Cercador de documents"
         />
       </form>
     ) : null;

diff --git a/src/components/LayoutHeader/Header.js b/src/components/LayoutHeader/Header.js
@@ -122,7 +122,7 @@ const Header = ({location}: {location: Location}) => (
           }}>
           <HeaderLink
             isActive={location.pathname.includes('/docs/')}
-            title="Docs"
+            title="Documentació"
             to="/docs/getting-started.html"
           />
           <HeaderLink
@@ -137,7 +137,7 @@ const Header = ({location}: {location: Location}) => (
           />
           <HeaderLink
             isActive={location.pathname.includes('/community/')}
-            title="Community"
+            title="Comunitat"
             to="/community/support.html"
           />
         </nav>
@@ -209,7 +209,7 @@ const Header = ({location}: {location: Location}) => (
                   display: 'none',
                 },
               }}>
-              Languages
+              Idiomes
             </span>
           </Link>
           <a