Translate 'Using TypeScript'

Author: mirorauhala

src/content/learn/typescript.md

@@ -1,5 +1,5 @@
 ---
-title: Using TypeScript
+title: TypeScriptin käyttäminen
 re: https://github.com/reactjs/react.dev/issues/5960
 ---
 
@@ -18,7 +18,7 @@ TypeScript is a popular way to add type definitions to JavaScript codebases. Out
 
 </YouWillLearn>
 
-## Installation {/*installation*/}
+## Asennus {/*installation*/}
 
 All [production-grade React frameworks](https://react-dev-git-fork-orta-typescriptpage-fbopensource.vercel.app/learn/start-a-new-react-project#production-grade-react-frameworks) offer support for using TypeScript. Follow the framework specific guide for installation:
 
@@ -27,7 +27,7 @@ All [production-grade React frameworks](https://react-dev-git-fork-orta-typescri
 - [Gatsby](https://www.gatsbyjs.com/docs/how-to/custom-configuration/typescript/)
 - [Expo](https://docs.expo.dev/guides/typescript/)
 
-### Adding TypeScript to an existing React project {/*adding-typescript-to-an-existing-react-project*/}
+### TypeScriptin lisääminen olemassa olevaan React projektiin {/*adding-typescript-to-an-existing-react-project*/}
 
 To install the latest version of React's type definitions:
 
@@ -41,7 +41,7 @@ The following compiler options need to be set in your `tsconfig.json`:
 1. [`jsx`](https://www.typescriptlang.org/tsconfig/#jsx) must be set to one of the valid options. `preserve` should suffice for most applications.
   If you're publishing a library, consult the [`jsx` documentation](https://www.typescriptlang.org/tsconfig/#jsx) on what value to choose.
 
-## TypeScript with React Components {/*typescript-with-react-components*/}
+## TypeScript React komponenteissa {/*typescript-with-react-components*/}
 
 <Note>
 
@@ -122,7 +122,7 @@ export default App = AppTSX;
 The type describing your component's props can be as simple or as complex as you need, though they should be an object type described with either a `type` or `interface`. You can learn about how TypeScript describes objects in [Object Types](https://www.typescriptlang.org/docs/handbook/2/objects.html) but you may also be interested in using [Union Types](https://www.typescriptlang.org/docs/handbook/2/everyday-types.html#union-types) to describe a prop that can be one of a few different types and the [Creating Types from Types](https://www.typescriptlang.org/docs/handbook/2/types-from-types.html) guide for more advanced use cases.
 
 
-## Example Hooks {/*example-hooks*/}
+## Hookki-esimerkkejä {/*example-hooks*/}
 
 The type definitions from `@types/react` include types for the built-in hooks, so you can use them in your components without any additional setup. They are built to take into account the code you write in your component, so you will get [inferred types](https://www.typescriptlang.org/docs/handbook/type-inference.html) a lot of the time and ideally do not need to handle the minutiae of providing the types. 
 
@@ -371,11 +371,11 @@ export default function Form() {
 }
 ```
 
-## Useful Types {/*useful-types*/}
+## Hyödyllisiä tyyppejä {/*useful-types*/}
 
 There is quite an expansive set of types which come from the `@types/react` package, it is worth a read when you feel comfortable with how React and TypeScript interact. You can find them [in React's folder in DefinitelyTyped](https://github.com/DefinitelyTyped/DefinitelyTyped/blob/master/types/react/index.d.ts). We will cover a few of the more common types here.
 
-### DOM Events {/*typing-dom-events*/}
+### DOM tapahtumat {/*typing-dom-events*/}
 
 When working with DOM events in React, the type of the event can often be inferred from the event handler. However, when you want to extract a function to be passed to an event handler, you will need to explicitly set the type of the event.
 
@@ -437,7 +437,7 @@ Note, that you cannot use TypeScript to describe that the children are a certain
 
 You can see all an example of both `React.ReactNode` and `React.ReactElement` with the type-checker in [this TypeScript playground](https://www.typescriptlang.org/play?#code/JYWwDg9gTgLgBAJQKYEMDG8BmUIjgIilQ3wChSB6CxYmAOmXRgDkIATJOdNJMGAZzgwAFpxAR+8YADswAVwGkZMJFEzpOjDKw4AFHGEEBvUnDhphwADZsi0gFw0mDWjqQBuUgF9yaCNMlENzgAXjgACjADfkctFnYkfQhDAEpQgD44AB42YAA3dKMo5P46C2tbJGkvLIpcgt9-QLi3AEEwMFCItJDMrPTTbIQ3dKywdIB5aU4kKyQQKpha8drhhIGzLLWODbNs3b3s8YAxKBQAcwXpAThMaGWDvbH0gFloGbmrgQfBzYpd1YjQZbEYARkB6zMwO2SHSAAlZlYIBCdtCRkZpHIrFYahQYQD8UYYFA5EhcfjyGYqHAXnJAsIUHlOOUbHYhMIIHJzsI0Qk4P9SLUBuRqXEXEwAKKfRZcNA8PiCfxWACecAAUgBlAAacFm80W-CU11U6h4TgwUv11yShjgJjMLMqDnN9Dilq+nh8pD8AXgCHdMrCkWisVoAet0R6fXqhWKhjKllZVVxMcavpd4Zg7U6Qaj+2hmdG4zeRF10uu-Aeq0LBfLMEe-V+T2L7zLVu+FBWLdLeq+lc7DYFf39deFVOotMCACNOCh1dq219a+30uC8YWoZsRyuEdjkevR8uvoVMdjyTWt4WiSSydXD4NqZP4AymeZE072ZzuUeZQKheQgA).
 
-### Style Props {/*typing-style-props*/}
+### Tyylipropsit {/*typing-style-props*/}
 
 When using inline styles in React, you can use `React.CSSProperties` to describe the object passed to the `style` prop. This type is a union of all the possible CSS properties, and is a good way to ensure you are passing valid CSS properties to the `style` prop, and to get auto-complete in your editor.
 
@@ -447,7 +447,7 @@ interface MyComponentProps {
 }
 ```
 
-## Further learning {/*further-learning*/}
+## Lisää opeteltavaa {/*further-learning*/}
 
 This guide has covered the basics of using TypeScript with React, but there is a lot more to learn.
 Individual API pages on the docs may contain more in-depth documentation on how to use them with TypeScript.