# अन्य आवश्यक Presets — बेबल और SWC

Source: https://www.geekswithgeeks.com/hi/babel-swc/bs-babel-presets

> preset-react, preset-typescript, और अन्य specialized presets के बारे में जानें।

## JSX के लिए @babel/preset-react

@babel/preset-react JSX syntax को संभालता है, `<Component />` को `React.createElement(...)` कॉल में बदलता है। React projects के लिए आवश्यक है।

## @babel/preset-typescript

Type-checking के बिना TypeScript type annotations को हटाएँ। Babel `: string`, `<T>`, आदि को हटाता है, वैध JavaScript छोड़ता है।

```json
{
  "presets": [
    "@babel/preset-env",
    "@babel/preset-react",
    "@babel/preset-typescript"
  ]
}
```

## Presets को क्रम में लागू किया जाता है

Babel presets को reverse order में लागू करता है। `@babel/preset-typescript` को last में रखें ताकि type stripping पहले हो, फिर अन्य transformations।