Wéi installéiert ReactJS op Ubuntu


Entwéckelt vu Facebook am Joer 2011, React (och als ReactJS bezeechent) ass eng Javascript-Bibliothéik déi benotzt gëtt fir séier an interaktiv User-Interfaces ze kreéieren. Zu der Zäit vum Schreiwen ass et déi populärste Javascript Bibliothéik fir Benotzerinterfaces z'entwéckelen. React trounces seng Géigeparteien - Angular a Vue JS wat d'Funktionalitéit a Popularitéit ugeet.

Seng Popularitéit staamt vu senger Flexibilitéit an der Einfachheet an dëst mécht et déi éischt Wiel an der Entwécklung vu mobilen Apps a Webapplikatiounen. Méi wéi 90,000 Site benotze React abegraff Tech Risen wéi Facebook, Netflix, Instagram, Airbnb, an Twitter fir e puer ze lëschten.

An dësem Artikel léiert Dir wéi Dir ReactJS op Ubuntu 20.04 an Ubuntu 18.04 installéiere wëllt.

Schrëtt 1: NPM an Ubuntu installéieren

Mir fänken d'Installatioun vu React JS un andeems npm installéiert gëtt - kuerz fir den Node Package Manager, ass zwou Saachen. Als éischt ass et e Kommandozeilinstrument dat benotzt gëtt fir mat Javascript Packagen ze interagéieren, wat d'Benotzer erlaabt Javascript Tools a Bibliothéiken z'installéieren, ze aktualiséieren an ze verwalten.

Zweetens, npm ass en Online Open-Source Software Registry deen iwwer 800,000 Node.JS Packagen host. Npm ass gratis an Dir kënnt einfach Software Uwendungen eroflueden déi ëffentlech verfügbar sinn.

Fir npm op Ubuntu Linux z'installéieren, loggt Iech op Äre Server als Sudo Benotzer un a rufft de Kommando hei ënnen op:

$ sudo apt install npm

Wann d'Installatioun fäerdeg ass, kënnt Dir d'Versioun vun npm verifizéieren installéiert mat dem Kommando:

$ npm --version

6.14.4  [Output]

Déi lescht Versioun am Moment vum Schreiwen ass v6.14.4 wéi am Ausgang ageholl.

D'Installatioun vum npm installéiert och node.js an Dir kënnt d'Versioun vum Node bestätegen, dee mam Kommando installéiert ass:

$ node --version

v10.16.0  [Output]

Schrëtt 2: Installéiere Create-React-App Utility

create-react-App ass en Utility dat Iech erlaabt all Tools opzestellen déi néideg sinn fir eng React Applikatioun ze kreéieren. Et spuert Iech vill Zäit an Energie a setzt alles vun Null un a gëtt Iech de Virsprong néideg.

Fir den Tool z'installéieren, fuert de folgenden npm Kommando:

$ sudo npm -g install create-react-app

Eemol installéiert, kënnt Dir d'Versioun vun installéiert bestätegen andeems Dir leeft:

$ create-react-app --version

4.0.1  [Output]

Schrëtt 3: Erstellt & lancéiert Är Éischt React Applikatioun

Eng React Applikatioun erstellen ass zimmlech einfach & einfach. Mir erstellen eng reagéiert App genannt tecmint-App wéi follegt.

$ create-react-app tecmint-app

Dëst dauert ongeféier 5 Minutten fir all Packagen, Bibliothéiken an Tools ze installéieren déi d'Applikatioun brauch. E puer Gedold wäert nëtzlech kommen.

Wann d'Schafe vun der Applikatioun erfollegräich war, kritt Dir d'Notifikatioun hei ënnen, déi d'Basisbefehle gëtt, déi Dir ausféiere kënnt fir d'Applikatioun ze managen.

Fir d'Applikatioun auszeféieren, navigéiert an den App-Verzeichnis

$ cd tecmint-app

Da lafen de Kommando:

$ npm start

Dir kritt um Enn den Output hei ënnen ze weisen wéi Dir Zougang zu der Applikatioun am Browser kritt.

Maacht Äre Browser op a kuckt d'IP Adress vun Ärem Server

http://server-ip:3000

Dëst weist datt d'Standard React App op a leeft. An dësem Guide hu mir React JS erfollegräich installéiert an eng Applikatioun am React erstallt.