freeCodeCamp/guide/russian/react/a-react-environment-using-a.../index.md

38 lines
1.7 KiB
Markdown
Raw Normal View History

2018-10-12 20:00:59 +00:00
---
title: A React Environment Using a Remote Code Repository
localeTitle: Среда разработки для React с использованием удаленного репозитория
2018-10-12 20:00:59 +00:00
---
Данное руководство поможет создать рабочую среду разработки для React, используя удаленные репозитории с необходимыми библиотеками. Для этого мы будем использовать cdnjs.cloudflare.com, react 16.0.0, react-dom, and babel-standalone 6.26.0. babel-polyfill используется для совместимости со старыми браузерами.
2018-10-12 20:00:59 +00:00
```html
<!DOCTYPE html>
<html>
2018-10-12 20:00:59 +00:00
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Hello React</title>
2018-10-12 20:00:59 +00:00
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.0.0/umd/react.production.min.js">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.0.0/umd/react-dom.production.min.js">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.26.0/babel.min.js">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-polyfill/6.26.0/polyfill.min.js">
</script>
</head>
2018-10-12 20:00:59 +00:00
<body>
<div id="helloreact"></div>
<script type="text/babel">
ReactDOM.render(
<h1>Hello React</h1>, document.getElementById('helloreact'));
</script>
</body>
</html>
```
Если данный код сохранить с расширением html-файла (helloReact.html), его можно открыть в веб-браузере, он будет использовать библиотеку React и транспилятор Babel.