Инсталиране на React

Представяме ви React

Ако просто искате да се запознаете с React, можете да използвате CodePen. Опитайте да започнете с традиционния Hello свят. Не е необходимо да инсталирате нищо; можете просто да промените кода и да видите как работи.

Изграждане на приложение на една страница

Create React App не е обвързан с бекенд или бази данни, той просто създава интерфейс, с който можете да работите с всеки бекенд. По време на процеса на изграждане той използва разширения като Webpack, Babel и ESLint, които трябва да бъдат предварително конфигурирани.

Добавяне на React към приложението

Въпреки че React може да се използва без алгоритми за изграждане, по-добре е да ги използвате, за да увеличите производителността. Съвременният алгоритъм обикновено се състои от:

Инсталиране на React

Препоръчваме да използвате прежда или npm за управление на зависимости.

За да инсталирате React с помощта на прежда, въведете в конзолата:

За да инсталирате React с помощта на npm, въведете в конзолата:

Активиране на ES6 и JSX

Здравей, свят с ES6 и JSX

Най-простият пример на React изглежда така:

Този код работи върху DOM елемент с корен id, така че линията

React версии за разработка и производство

По подразбиране React включва много полезни предупреждения. Тези предупреждения са много полезни при разработването на приложения. Те обаче правят React по-голям и по-бавен, така че трябва да сте сигурни, че използвате производство, когато внедрявате приложението си.

Създайте React App

Ако използвате Create React App, тогава npm run build ще създаде оптимизирана компилация на вашето приложение в папката за изграждане .

Включете DefinePlugin и UglifyJsPlugin във вашата конфигурация на Webpack, както е описано в този урок .

Стартирайте Browserify с производствения NODE_ENV и използвайте UglifyJS като последна стъпка, така че да се премахне само кодът на "разработчика".

Използване на CDN

Ако не искате да управлявате клиентския пакет с помощта на npm, тогава реагирането и реакцията-dom пакетите ви позволяват да използвате UMD разпределения в папки dist, които се намират на CDN:

За да изтеглите необходимата версия на response и response-dom, заменете 15 с желания номер на версията.

Ако използвате Bower, React е достъпен чрез пакета за реакция .