У следећем чланку ћемо погледати како можемо створити своју прву апликацију са РеацтЈС-ом на Убунту 20.04 помоћу Цреате Реацт Апп. РеацтЈС је ЈаваСцрипт библиотека отвореног кода која се користи за креирање корисничког интерфејса, а одржавају је Фацебоок и заједница програмера. РеацтЈС се може користити у развоју веб апликација или мобилних апликација.
Ин Реацт, познат и као РеацтЈС, подаци се обрађују у ДОМ-у. За покретање апликације Реацт потребне су додатне библиотеке за рутирање и управљање стањем. Неки примери ових библиотека су редук y Реацт Роутер.
Инсталирање Реацт-а на Убунту 20.04
Да бисмо инсталирали Реацт на наш систем, прво морамо знати шта је нпм и разумети зашто су нам потребни. Нпм је скраћеница од Ноде Пацкаге Манагер, и највећи је светски регистар софтвера отвореног кода. Садржи више од 800.000 пакетних кодова. Нпм је бесплатан за употребу и било који јавни софтвер се може преузети и користити без регистрације или пријаве.
Нпм је алат за управљање зависношћу за јавасцрипт апликације, који помаже у инсталирању свих библиотека и других алата који подржавају развој ЈС апликација.
Инсталирајте нпм
у инсталирајте нодејс, који укључује нпм, морат ћемо само отворити терминал (Цтрл + Алт + Т) и извршити сљедећу наредбу:
sudo apt install nodejs
Након завршетка инсталације нпм-а, можемо проверите своју верзију и верзију чвора. То можемо учинити наредбом:
npm -v
Инсталирана верзија нпм-а зависи од датума инсталације, јер се ажурирање често изводи. Неопходно је да се уверимо да смо инсталирали верзију већу од 5.
у проверите инсталирану верзију чвора, наредба за употребу биће:
node -v
Ако на вашем систему није инсталирана најновија верзија нпм, можете ажурирати Ноде Пацкаге Манагер (нпм) на најновију верзију извођење ове наредбе у терминалу:
sudo npm install -g npm@latest
Инсталирајте апликацију цреате-респонсе-апп
Да бисмо инсталирали продуктивно Реацт окружење, мораћемо да конфигуришемо алате као што су бабел, вебпацк, итд ... који је сложен за конфигурисање за почетнике у Реацт свету. Али можемо пронаћи неколико алата који ће нам помоћи у конфигурацији. Међу њима ћемо наћи цреате-респонсе-апп, што је најједноставнији алат за употребу и конфигурисање.
Цреате Реацт Апп је угодно окружење за учење Реацт-а, и то је најбољи начин да започнете изградњу нове апликације за једну страницу користећи Реацт.
Цреате Реацт Апп конфигуришите своје развојно окружење тако да можете да користите најновије функције Јавасцрипта, пружајући добро искуство у развоју и оптимизујући вашу апликацију за производњу. Као што је назначено на њиховој веб локацији, на вашој машини је потребно инсталирати Ноде> = 8.10 и нпм> = 5.6.
Можемо инсталирајте цреате-респонсе-апп користећи нпм. Да бисмо то урадили, у терминалу (Цтрл + Алт + Т) требат ћемо извршити само сљедећу инсталацијску наредбу:
sudo npm install -g create-react-app
Када се инсталација апликације цреате-респонсе-апп заврши у нашем систему, можемо проверите инсталирану верзију покретање следеће наредбе:
create-react-app --version
Креирање прве Реацт апликације
Наша прва апликација Реацт може се креирати једноставно помоћу апликације цреате-респонсе-апп. Морамо да користимо само следећу команду:
create-react-app mi-primera-app
Горња команда ће створити Реацт апликацију под називом моја прва апликација. Истовремено створиће се нова фасцикла са истим именом апликације која укључује све потребне датотеке, конфигурације и библиотеке.
Покретање апликације Реацт
Једном када је реактован пројекат, мораћемо да пређемо у директоријум пројекта и покренимо апликацију Реацт помоћу следеће наредбе у терминалу (Цтрл + Алт + Т):
npm start
Команда нпм старт покрените развојни сервер који ће изводити читав процес израде.
Терминал ће нам рећи да морамо отворите прегледач и учитајте апликацију која ће се подразумевано покретати на УРЛ-у хттп: // лоцалхост: 3000. Када се прегледач отвори, на екрану ћемо видети логотип Реацт и текстове.
Деинсталирајте цреате-респонсе-апп и нпм
Корисници можемо деинсталирати било коју библиотеку инсталирану из нпм-а помоћу команде нпм унинсталл. Покрените следећу команду у терминалу (Цтрл + Алт + Т) да бисте је деинсталирали цреате-реацт-апп:
sudo npm uninstall -g create-react-app
Слично томе, можемо и ми деинсталирати нпм користећи ову другу наредбу у истом терминалу:
sudo apt remove nodejs
Више информација о овој ЈаваСцрипт библиотеци за креирање корисничких интерфејса можете пронаћи у пројектна документација.
Одличан садржај! Обригадо!