Използване на Create React App

Първо се уверете, че имате Node. Ще ви трябва поне версия Node 4, но се препоръчва версия 6 за бързо зареждане на пакети и оптимизиране на дисковото пространство. Можете да използвате nvm, за да превключвате между версиите на Node.

След като инсталирате Node, отворете командния ред и инсталирайте приложението create-response-app глобално, за да можете да стартирате командата навсякъде в системата си.

npm install -g create-response-app

Как да създадете първото си приложение

Първо отворете командния ред и създайте или отидете до директорията, където планирате да стартирате процеса на разработка. След това ще създадем приложение, като стартираме create-response-app tuts-plus-response-app. Инструментът за команден ред ще се стартира и приложението tuts-plus-response-ще бъде създадено.

След като инструментът за команден ред завърши, се показва съобщение, описващо къде е създадено приложението и списък с наличните команди.

След това трябва да отидете в директорията на приложението, като изпълните командата cd tuts-plus-response-app .

Стартирайте приложението

Можете да стартирате приложението локално, като изпълните npm start, след като бъде стартирано, http: // localhost: 3000/автоматично ще се отвори в браузъра, където можете да видите създаденото приложение.

Приложението използва webpack за стартиране на локален сървър. Функцията за гледане е достъпна за вас, когато редактирате React кода и запазите промените, те автоматично ще се покажат в браузъра.

В случай че има грешки в кода, ще видите предупреждения и в браузъра.

Стил на кода и тестване

Ако сте запознати с писането на тестове за код, Jest е на ваше разположение. Jest е тестова рамка, създадена и поддържана от Facebook, създателите на React. За да стартирате тестовете, изпълнете npm test в командния ред. Тестовете ще стартират, след което наблюдателят ще стартира, за да изпълни тестовете, докато окончателният ви код се промени. Можете да добавите съществуващ файл с тестове към src/App.test.js .

Разполагане на приложението на сървъра

Когато приключите с разработването, е време да подготвите приложението си за изпращане към сървъра. Всичко, което трябва да направите, е да стартирате npm run build в директорията на приложението. Тази команда ще стартира Babel, за да транслира кода на React в код, който браузърът може да разбере. Освен това кодът ще бъде минимизиран за по-добра производителност.

Ръководство за употреба

Ако планирате да продължите да използвате приложението create-response-, предлагам ви да отделите време за проучване на ръководството за потребителя. Той съдържа богата полезна информация по теми, свързани с изгледа на приложението, като добавяне на CSS таблици със стилове, импортиране на компоненти, импортиране на изображения и шрифтове и т.н. Той също така съдържа информация за популярни практики за уеб разработка, като например използване на HTTPS, свързване към беккенд на Node, изграждане на прогресивни уеб приложения и др.

Всичко останало - документация за тестване и внедряване на приложението.

Честито хакване

Надявам се да разберете колко лесно е да създадете React приложение с create-response-app. Надяваме се, че това ще ви помогне да намалите прага за влизане и да започнете с React. Сигурен съм, че ще ви хареса!