# अन्य आवश्यक Presets — Babel और SWC: JavaScript Transpilation और Build Speed

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

> JSX के लिए preset-react और type stripping के लिए preset-typescript उपयोग करें, और 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।