У наступній статті ми збираємось поглянути на це як ми можемо створити наш перший додаток за допомогою ReactJS на Ubuntu 20.04 за допомогою Create React App. ReactJS - це бібліотека JavaScript з відкритим кодом, що використовується для створення інтерфейсу користувача, що підтримується Facebook та спільнотою розробників. ReactJS можна використовувати при розробці веб-додатків або мобільних додатків.
У React, також відомий як ReactJS, дані обробляються в DOM. Для запуску програми React потрібні додаткові бібліотеки для маршрутизації та управління станом. Деякі приклади цих бібліотек Redux y Маршрутизатор React.
Встановлення 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-
Щоб встановити продуктивне середовище 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 з назвою мій перший додаток. В той самий час буде створена нова папка з такою ж назвою програми, що включає всі необхідні файли, налаштування та бібліотеки.
Запуск програми React
Після створення проекту React, нам доведеться перейти до каталогу проекту та запустити програму React, використовуючи наступну команду в терміналі (Ctrl + Alt + T):
npm start
Команда npm початок запустіть сервер розробки, який буде виконувати весь процес збірки.
Термінал скаже нам, що ми повинні відкрийте браузер і завантажте програму, яка за замовчуванням працюватиме за адресою http: // localhost: 3000. Коли браузер відкриється, ми побачимо логотип React та тексти на екрані.
Видаліть create-response-app та npm
Користувачі ми можемо видалити будь-яку бібліотеку, встановлену з npm, за допомогою команди npm uninstall. Виконайте наступну команду в терміналі (Ctrl + Alt + T), щоб видалити створити-реагувати-додаток:
sudo npm uninstall -g create-react-app
Так само ми можемо видалити npm використовуючи цю іншу команду в тому самому терміналі:
sudo apt remove nodejs
Більше інформації про цю бібліотеку JavaScript для створення користувальницьких інтерфейсів можна знайти в проектна документація.
Відмінний контент! Орігадо!