2018-10-12 20:00:59 +00:00
---
title: A React Environment Using a Remote Code Repository
2018-10-29 11:16:00 +00:00
localeTitle: Среда разработки для React с использованием удаленного репозитория
2018-10-12 20:00:59 +00:00
---
2018-10-29 11:16:00 +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
2018-10-29 11:16:00 +00:00
```html
<!DOCTYPE html>
< html >
2018-10-12 20:00:59 +00:00
2018-10-29 11:16:00 +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
2018-10-29 11:16:00 +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
2018-11-22 18:49:48 +00:00
2018-10-29 11:16:00 +00:00
< body >
< div id = "helloreact" > < / div >
< script type = "text/babel" >
ReactDOM.render(
< h1 > Hello React< / h1 > , document.getElementById('helloreact'));
< / script >
< / body >
< / html >
```
2018-11-22 18:49:48 +00:00
Если этот код сохраняется с расширением .html (helloReact.html), то е г о можно открыть в веб-браузере,
который, в свою очередь, запустит React и Babel.