«React + Redux Верстка реальных боевых действий» Примечания 1: Hello World случай не вовлекают строительные проекты React

Этот раздел не включает в себя реализацию проекта по строительству Hello World.

Реагировать [первая страница] Hello World

Источник адрес: https: //jsfiddle.net/allan91/2h1sf0ky/8/

<! DOCTYPE HTML> 

<HTML LANG = "EN"> 

<голова> 

    <мета - кодировка = "UTF-8"> 

    <META NAME = "вьюпорт" содержание = "ширина = Устройство ширина, начально-шкала = 1.0"> 

    < META HTTP-эквив = "X-UA-Compatible" содержание = "т.е. = край"> 

    <название> Hello World </ title> 

    <сценарий SRC = "https://cdn.bootcss.com/react/15.4.2/ react.min.js "> </ скрипт> 

    <сценарий SRC =" https://cdn.bootcss.com/react/15.4.2/react-dom.min.js "> </ скрипт> 

    <сценарий SRC =" https://cdn.bootcss.com/babel-standalone/6.22.1/babel.min.js "> </ скрипт> 

</ HEAD> 

<BODY> 

    <DIV ID =" корень "></ DIV> 

    <тип скрипта = "текст / столпотворение"> 

      ReactDOM.render ( 

        <h1> Hello World </ h1>, // JSX格式

        document.getElementById ( "корень") 

      ); 

    </ скрипт> 

</ body> 

</ html>

Выше код очень прост, прямые ссылки react.min.js на CDN (ContentDeliveryNetwork), реагируют-dom.min.js и babel.min.js эти три сценарии могут быть использованы непосредственно. Единственным предостережением является необходимость написать тип сценария атрибут является текст / столпотворение. Браузер, чтобы открыть файл HTML для отображения Hello World копирайтинга.

Примечание 1: CDN (сеть доставки контента) построено на вершине сеть сети распространения контента, опираясь развертываются вокруг пограничного сервера, балансировки нагрузки через центр платформы, распространение контента, планирование и другие функциональных модулей, что позволяет пользователям получить требуемое содержание в ближайшем снизить нагрузку на сеть и повысить быстродействие доступа пользователей и скорость удара.

Примечание 2: react.main.js Реагировать является пакетом основного кода, реагировать-dom.min.js относятся к пакету DOM, в основном для DOM рендеринг виртуальных становится реальным для документа DOM, конечно, существует и другие методы; babel.min.js используется для компиляции кода не поддерживается браузером сборки инструментов. В котором мин указывает, что это сжатым библиотеки JS.

Или писать JavaScript код на внешней стороне, например, как новый main.js в корневом каталоге:

ReactDOM.render ( 

        <h1> Hello World </ h1>, // JSX格式

        document.getElementById ( "корень") 

);

Затем вводится в HTML-файле:

<Тип скрипта = «текст / столпотворение» SRC = «./ main.js»> </ скрипт>

«One Piece» в Роджере сказал, каждый человек имеет свои собственные шанс появления! В будущем, React может быть забыта в волновом переднем конце истории, но сегодня, React дизайн идея повлияла бесчисленные разработчик, в тот момент она является частью своего времени! !

«React + Redux Верстка реальных боевых действий» Примечания 1: Hello World случай не вовлекают строительные проекты React

рекомендация