Установка и настройка React на linux arch rolling

Подробное руководство по установке, настройке и оптимизации React для linux arch rolling

Введение

React - популярная JavaScript-библиотека для создания пользовательских интерфейсов. В этом руководстве мы установим React на Arch Linux последней версии, настроим рабочее окружение и разберем распространенные проблемы.

Требования

Для работы потребуется:

• Обновленная система Arch Linux
• Минимум 2 ГБ свободного места
• Node.js версии 18+
• Менеджер пакетов npm или yarn
• Права суперпользователя
• Стабильное интернет-соединение

Установка

Подготовка

1. Обновите систему:

1sudo pacman -Syu

2. Установите Node.js и npm:

1sudo pacman -S nodejs npm

3. Проверьте установку:

1node --version
2npm --version

Процесс установки

1. Установите create-react-app глобально:

1sudo npm install -g create-react-app

2. Создайте новый проект:

1npx create-react-app my-app

3. Перейдите в директорию проекта:

cd my-app

4. Запустите приложение:

1npm start

Настройка

Оптимизация сборки

Добавьте в package.json:

1"scripts": {
2  "build:prod": "react-scripts build",
3  "analyze": "source-map-explorer 'build/static/js/*.js'"
4}

Настройка среды

Создайте файл .env:

1echo "BROWSER=none
2HTTPS=true" >> .env

Типичные ошибки и их решения

Ошибка прав доступа

При установке пакетов через npm:

Error: EACCES: permission denied

Решение:

1sudo chown -R $(whoami) ~/.npm

Отсутствие create-react-app

Command 'create-react-app' not found

Решение:

1sudo npm install -g create-react-app --force

Заключение

Вы успешно установили React на Arch Linux. Для дальнейшего развития проекта изучите документацию React и рассмотрите возможность настройки:

• TypeScript
• ESLint
• Progressive Web Apps
• Server Side Rendering

Команды

Обновление системы

1sudo pacman -Syu

Установка Node.js

1sudo pacman -S nodejs npm

Создание нового проекта

1npx create-react-app my-app

Запуск dev-сервера

1npm start

Решение проблем

Ошибка совместимости версий Node.js

Установите nvm и выберите подходящую версию Node.js

1curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.5/install.sh | bash

Поврежденные зависимости

Удалите node_modules и переустановите пакеты

1rm -rf node_modules && npm install

Не запускается dev-сервер

Проверьте занятость порта 3000 и остановите conflicting processes

sudo lsof -i :3000 && kill -9 PID