V dalším článku se na to podíváme jak můžeme vytvořit naši první aplikaci s ReactJS na Ubuntu 20.04 pomocí Create React App. ReactJS je knihovna s otevřeným zdrojovým kódem JavaScript, která se používá k vytvoření uživatelského rozhraní, kterou spravuje Facebook a komunita vývojářů. ReactJS lze použít při vývoji webových aplikací nebo mobilních aplikací.
V Reagovat, také známý jako ReactJS, jsou údaje zpracovávány v DOM. Ke spuštění aplikace React jsou nutné další knihovny pro směrování a správu stavu. Některé příklady těchto knihoven jsou Redux y Reagovat router.
Instalace React na Ubuntu 20.04
Chcete-li nainstalovat React na náš systém, musíme nejprve vědět, co je npm, a pochopit, proč je potřebujeme. Npm znamená Node Package Managera je největším světovým registrem softwaru s otevřeným zdrojovým kódem. Obsahuje více než 800.000 XNUMX balíčků kódu. NPM je zdarma k použití a veškerý veřejný software lze stáhnout a použít bez registrace nebo přihlášení.
NPM je nástroj pro správu závislostí pro javascriptové aplikace, který pomáhá instalovat všechny knihovny a další nástroje na podporu vývoje aplikací JS.
Nainstalujte npm
na nainstalujte nodejs, který zahrnuje npm, budeme muset otevřít pouze terminál (Ctrl + Alt + T) a provést následující příkaz:
sudo apt install nodejs
Po dokončení instalace NPM můžeme zkontrolujte verzi a verzi uzlu. Můžeme to udělat pomocí příkazu:
npm -v
Verze nainstalovaného NPM závisí na datu instalace, protože k aktualizaci dochází často. Je nutné, abychom se ujistili, že máme nainstalovanou verzi vyšší než 5.
na zkontrolujte nainstalovanou verzi uzlu, příkaz k použití bude:
node -v
Pokud ve svém systému nemáte nainstalovanou nejnovější verzi npm, můžete aktualizovat Node Package Manager (npm) na nejnovější verzi spuštění tohoto příkazu v terminálu:
sudo npm install -g npm@latest
Nainstalujte create-react-app
Chcete-li nainstalovat produktivní prostředí React, budeme muset nakonfigurovat nástroje, jako je babel, webpack atd., Což je složitá konfigurace pro začátečníky ve světě React. Ale můžeme najít několik nástrojů, které nám pomohou v konfiguraci. Mezi nimi najdeme create-react-app, což je nejjednodušší nástroj k použití a konfiguraci.
Create React App je příjemné prostředí pro učení Reacta je to nejlepší způsob, jak začít vytvářet novou jednostránkovou aplikaci pomocí React.
Vytvořte aplikaci React a nakonfigurujte své vývojové prostředí takže můžete používat nejnovější funkce Javascript, poskytovat dobré zkušenosti s vývojem a optimalizovat vaši aplikaci pro produkci. Jak je uvedeno na jejich webových stránkách, je nutné mít na vašem počítači nainstalován Node> = 8.10 a npm> = 5.6.
Můžeme nainstalujte create-react-app using npm. K tomu v terminálu (Ctrl + Alt + T) budeme muset provést pouze následující instalační příkaz:
sudo npm install -g create-react-app
Po dokončení instalace aplikace create-react-app v našem systému můžeme zkontrolujte nainstalovanou verzi provedením následujícího příkazu:
create-react-app --version
Vytváření první aplikace React
Naše první aplikace React může být vytvořena jednoduše pomocí create-reagovat-aplikace. Budeme muset použít pouze následující příkaz:
create-react-app mi-primera-app
Výše uvedený příkaz vytvoří aplikaci React s názvem moje první aplikace. Ve stejnou dobu bude vytvořena nová složka se stejným názvem jako aplikace, která obsahuje všechny potřebné soubory, nastavení a knihovny.
Spuštění aplikace React
Jakmile je projekt React vytvořen, budeme se muset přesunout do adresáře projektu a spustit aplikaci React pomocí následujícího příkazu v terminálu (Ctrl + Alt + T):
npm start
Příkaz npm start spusťte vývojový server, který provede celý proces sestavení.
Terminál nám řekne, že musíme otevřete prohlížeč a načtěte aplikaci, která bude ve výchozím nastavení spuštěna na adrese URL http: // localhost: 3000. Když se prohlížeč otevře, uvidíme na obrazovce logo a texty React.
Odinstalujte create-react-app a npm
Uživatelé můžeme odinstalovat jakoukoli knihovnu nainstalovanou z npm pomocí příkazu npm uninstall. Spusťte následující příkaz v terminálu (Ctrl + Alt + T) a odinstalujte jej create-reagovat-app:
sudo npm uninstall -g create-react-app
Podobně můžeme odinstalovat npm pomocí tohoto dalšího příkazu ve stejném terminálu:
sudo apt remove nodejs
Více informací o této knihovně JavaScript pro vytváření uživatelských rozhraní naleznete v projektová dokumentace.
Skvělý obsah! Obrigado!