Translate Components and Props page #10

lofgrenfredrik · 2019-08-19T13:27:50Z

First draft of the Components and Props page.

netlify · 2019-08-19T13:35:12Z

Deploy preview for sv-reactjs ready!

Built with commit 767288b

https://deploy-preview-10--sv-reactjs.netlify.com

rloqvist · 2020-02-18T13:02:45Z

content/docs/components-and-props.md


-## Function and Class Components {#function-and-class-components}
+## Funktion och klasskomponenter {#function-and-class-components}


I would say this is more fitting as Funktion- och klasskomponenter, see https://sv.wikipedia.org/wiki/Berg-_och_dalbana

@rloqvist Fixing. 👍

rloqvist · 2020-02-18T13:03:28Z

content/docs/components-and-props.md

 }
 ```

-This function is a valid React component because it accepts a single "props" (which stands for properties) object argument with data and returns a React element. We call such components "function components" because they are literally JavaScript functions.
+Denna funktion är en giltig Reakt-komponent eftersom den accepterar en enda "props" (som står för properties) objektargument med data och returnerar ett React-element. Vi kallar sådana komponenter "funktionskomponenter" eftersom de bokstavligen är JavaScript-funktioner.


Reakt -> React

@rloqvist Fixing. 👍

rloqvist · 2020-02-18T13:05:14Z

content/docs/components-and-props.md

  }
 }
 ```

-The above two components are equivalent from React's point of view.
+De två ovannämnda komponenterna är identiska ur Reacts synvinkel.

 Classes have some additional features that we will discuss in the [next sections](/docs/state-and-lifecycle.html). Until then, we will use function components for their conciseness.


Don't forget to remove this line

@rloqvist Fixing. 👍

rloqvist · 2020-02-18T13:07:02Z

content/docs/components-and-props.md


 Classes have some additional features that we will discuss in the [next sections](/docs/state-and-lifecycle.html). Until then, we will use function components for their conciseness.

-## Rendering a Component {#rendering-a-component}
+Klasser har några ytterligare funktioner, som vi kommer att diskutera i [nästa avsnitt](/docs/state-and-lifecycle.html). Fram till dess kommer vi att använda för funktionskomponenter för deras tydlighet.


next sections are plural and therefore I think senare avsnitt would be a better fit here

@rloqvist Fixing. 👍

rloqvist · 2020-02-18T13:09:56Z

content/docs/components-and-props.md

-3. Our `Welcome` component returns a `<h1>Hello, Sara</h1>` element as the result.
-4. React DOM efficiently updates the DOM to match `<h1>Hello, Sara</h1>`.
+1. Vi kallar `ReactDOM.render()` med React-elementet `<Welcome name="Sarah" />`.
+2. React anropar `Welcome` komponenten med `{name: 'Sara'}` som dess "props".


"props" doesn't need quotes here

@rloqvist Fixing. 👍

rloqvist · 2020-02-18T13:15:40Z

content/docs/components-and-props.md


 This component can be tricky to change because of all the nesting, and it is also hard to reuse individual parts of it. Let's extract a few components from it.

-First, we will extract `Avatar`:
+Denna komponent kan vara svår att ändra på grund av all nestling, det är också svårt att återanvända enskilda delar av den. Låt oss extrahera några komponenter från det.


Mix of den and det

Fixing. 👍

rloqvist · 2020-02-18T13:16:06Z

content/docs/components-and-props.md

@@ -173,9 +180,11 @@ function Avatar(props) {

 The `Avatar` doesn't need to know that it is being rendered inside a `Comment`. This is why we have given its prop a more generic name: `user` rather than `author`.

-We recommend naming props from the component's own point of view rather than the context in which it is being used.
+`Avatar` behöver inte veta att den renderas i en `Comment`-komponent. Därför har vi gett dess Props ett mer generiskt namn: `user` istaället för `author`.


istaället -> istället

Fixing. 👍

rloqvist · 2020-02-18T13:16:46Z

content/docs/components-and-props.md

-We recommend naming props from the component's own point of view rather than the context in which it is being used.
+`Avatar` behöver inte veta att den renderas i en `Comment`-komponent. Därför har vi gett dess Props ett mer generiskt namn: `user` istaället för `author`.
+
+Vi rekommenderar att namnge Props från komponentens egen perspektiv snarare än i det sammanhang där den används.


Lowercase the Props

Fixing. 👍

rloqvist · 2020-02-18T13:19:05Z

content/docs/components-and-props.md


-Whether you declare a component [as a function or a class](#function-and-class-components), it must never modify its own props. Consider this `sum` function:
+Oavsett om du deklarerar en komponent [som en funktion eller en klass](#function-and-class-components), får den aldrig ändra sina egna Props. Ta denna `sum` funktion:


Lowercase the Props

Fixing. 👍

rloqvist · 2020-02-18T13:19:48Z

content/docs/components-and-props.md


 ```js
 function sum(a, b) {
  return a + b;
 }
 ```

-Such functions are called ["pure"](https://en.wikipedia.org/wiki/Pure_function) because they do not attempt to change their inputs, and always return the same result for the same inputs.
+Sådana funktioner kallas ["ren"](https://en.wikipedia.org/wiki/Pure_function) eftersom de inte ändrar sina inputs och alltid returnerar samma resultat för samma inputs.


Plural and singular mix

I would say Sådana funktioner kallas för ["rena"] as a more proper translation.

Fixing. 👍

Translate Components and Props page

5b80a7b

tesseralis mentioned this pull request Dec 17, 2019

Swedish Translation Progress #1

Closed

88 tasks

rloqvist suggested changes Feb 18, 2020

View reviewed changes

Fix review comments

767288b

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Translate Components and Props page #10

Translate Components and Props page #10

lofgrenfredrik commented Aug 19, 2019

netlify bot commented Aug 19, 2019 •

edited

rloqvist Feb 18, 2020

lofgrenfredrik Feb 24, 2020

rloqvist Feb 18, 2020

lofgrenfredrik Feb 24, 2020

rloqvist Feb 18, 2020

lofgrenfredrik Feb 24, 2020

rloqvist Feb 18, 2020

lofgrenfredrik Feb 24, 2020

rloqvist Feb 18, 2020

lofgrenfredrik Feb 24, 2020

rloqvist Feb 18, 2020

lofgrenfredrik Feb 24, 2020

rloqvist Feb 18, 2020

lofgrenfredrik Feb 24, 2020

rloqvist Feb 18, 2020

lofgrenfredrik Feb 24, 2020

rloqvist Feb 18, 2020

lofgrenfredrik Feb 24, 2020

rloqvist Feb 18, 2020

michaellopez Feb 18, 2020

lofgrenfredrik Feb 24, 2020


		## Function and Class Components {#function-and-class-components}
		## Funktion och klasskomponenter {#function-and-class-components}


		Whether you declare a component [as a function or a class](#function-and-class-components), it must never modify its own props. Consider this `sum` function:
		Oavsett om du deklarerar en komponent [som en funktion eller en klass](#function-and-class-components), får den aldrig ändra sina egna Props. Ta denna `sum` funktion:

Translate Components and Props page #10

Are you sure you want to change the base?

Translate Components and Props page #10

Conversation

lofgrenfredrik commented Aug 19, 2019

netlify bot commented Aug 19, 2019 • edited

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

netlify bot commented Aug 19, 2019 •

edited