> For the complete documentation index, see [llms.txt](https://gpeterhand.gitbook.io/react/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://gpeterhand.gitbook.io/react/sborka-proekta-1/react-helmet.md).

# react-helmet

Предназначен для динамического создания метатегов. Метатеги создаются не в файле index.html, а динамически в DOM

Устанавливаем [react-helmet](https://github.com/nfl/react-helmet)

> yarn add react-helmet

Изменяем в файл **./src/App.js**

```javascript
...

import { Helmet } from 'react-helmet'

const App = () =>
  <div>
    <Helmet>
      <html lang="ru" />
      <title>My Title</title>
      <meta charSet="utf-8" />
      <meta
        name="viewport"
        content="width=device-width, initial-scale=1, shrink-to-fit=no"
      />
    </Helmet>
    Hello React!
  </div>

...
```

Созданные теги можно увидеть, если просмотреть код в **Chrome Dev Tools**

***Примечание:** размер **react-helmet** около **14Kb**. А нужен ли он?*