Създайте React App, създайте първото си приложение с React Ubuntu 20.04

В следващата статия ще разгледаме как можем да създадем първото си приложение с ReactJS на Ubuntu 20.04 с помощта на Create React App. ReactJS е JavaScript библиотека с отворен код, използвана за създаване на потребителски интерфейс, поддържана от Facebook и общността на разработчиците. ReactJS може да се използва при разработването на уеб приложения или мобилни приложения.

В React, известен също като ReactJS, данните се обработват в DOM. Допълнителни библиотеки за маршрутизиране и управление на състоянието са необходими за стартиране на приложението React. Някои примери за тези библиотеки са Redux y ReactRouter.

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

За да инсталираме React в нашата система, първо трябва да знаем какво е npm и да разберем защо ни трябват. Npm означава Node Package Manager, и това е най-големият в света софтуерен регистър с отворен код. Съдържа повече от 800.000 XNUMX кодови пакета. Npm е безплатен за използване и всеки публичен софтуер може да бъде изтеглен и използван без регистрация или влизане.

Npm е инструмент за управление на зависимости за javascript приложения, което помага да се инсталират всички библиотеки и други инструменти в подкрепа на развитието на JS приложенията.

Инсталирайте npm

за инсталирайте nodejs, което включва npm, ще трябва само да отворим терминал (Ctrl + Alt + T) и да изпълним следната команда:

sudo apt install nodejs

След приключване на инсталацията на npm можем проверете вашата версия и тази на node. Можем да направим това с командата:

npm -v

Инсталираната версия на npm зависи от датата на инсталиране, тъй като актуализацията се извършва често. Необходимо е да се уверим, че сме инсталирали версия по-висока от 5.

за проверете инсталираната версия на възела, командата за използване ще бъде:

node -v

Ако на вашата система не е инсталирана най-новата версия на npm, можете да актуализирате Node Package Manager (npm) до най-новата версия изпълняване на тази команда в терминал:

sudo npm install -g npm@latest

Инсталирайте приложението create-response-app

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

Create React App е удобна среда за научаване на Reactи това е най-добрият начин да започнете да създавате ново приложение за една страница, използвайки React.

Create React App конфигурирайте вашата среда за разработка така че да можете да използвате най-новите функции на Javascript, осигурявайки добро преживяване за разработка и оптимизирайки вашето приложение за производство. Както е посочено на уебсайта им, е необходимо да имате Node> = 8.10 и npm> = 5.6, инсталирани на вашата машина.

Можем инсталирайте create-response-app с помощта на npm. За да направите това, в терминал (Ctrl + Alt + T) ще трябва само да изпълним следната инсталационна команда:

sudo npm install -g create-react-app

След като инсталацията на приложението create-response-app приключи в нашата система, можем проверете инсталираната версия изпълнение на следната команда:

create-react-app --version

Създаване на първото приложение на React

Първото ни приложение React може да бъде създадено просто с помощта на create-response-app. Ще трябва да използваме само следната команда:

create-react-app mi-primera-app

Горната команда ще създаде React приложение, наречено my-first-app. По същото време ще бъде създадена нова папка със същото име като приложението, която включва всички необходими файлове, настройки и библиотеки.

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

След като проектът React бъде създаден, ще трябва да се преместим в директорията на проекта и да стартираме приложението React, като използваме следната команда в терминала (Ctrl + Alt + T):

npm start

Командата npm старт стартирайте сървъра за разработка, който ще изпълни целия процес на изграждане.

Терминалът ще ни каже, че трябва отворете браузъра и заредете приложението, което по подразбиране ще работи на URL http: // localhost: 3000. Когато браузърът се отвори, ще видим логото и текстовете на React на екрана.

Деинсталирайте create-response-app и npm

Потребители можем да деинсталираме всяка библиотека, инсталирана от npm, като използваме командата за деинсталиране npm. Изпълнете следната команда в терминала (Ctrl + Alt + T), за да деинсталирате създадете реагира приложенията:

sudo npm uninstall -g create-react-app

По същия начин можем деинсталирайте npm използвайки тази друга команда в същия терминал:

sudo apt remove nodejs

Повече информация за тази библиотека на JavaScript за създаване на потребителски интерфейси можете да намерите в проектна документация.